diff --git a/site/data/zh-CN/docs/authentication.mdx b/site/data/zh-CN/docs/authentication.mdx index ef5ae32ba0..d53657b8bd 100644 --- a/site/data/zh-CN/docs/authentication.mdx +++ b/site/data/zh-CN/docs/authentication.mdx @@ -98,9 +98,9 @@ const getSiweMessageOptions: GetSiweMessageOptions = () => ({ #### 在服务器端访问会话 -您可以使用NextAuth的`getToken` 函数从`next-auth/jwt`导入会话令牌。 如果用户成功进行身份验证，会话令牌的`sub`属性（令牌的"主题"，即用户）将是用户的地址。 如果用户成功进行身份验证，会话令牌的`sub`属性（令牌的"主题"，即用户）将是用户的地址。 如果用户成功进行身份验证，会话令牌的`sub`属性（令牌的"主题"，即用户）将是用户的地址。 +您可以使用NextAuth的`getToken` 函数从`next-auth/jwt`导入会话令牌。 如果用户成功进行身份验证，会话令牌的`sub`属性（令牌的"主题"，即用户）将是用户的地址。 -您还可以通过`getServerSideProps`将已解析的会话对象从服务器传递下来，这样NextAuth就不需要在客户端再次解析它。 +您还可以通过`getServerSideProps`将已解析的会话对象从服务器传递下来，这样 NextAuth 就不需要在客户端再次解析它。 例如： diff --git a/site/data/zh-CN/docs/chains.mdx b/site/data/zh-CN/docs/chains.mdx index fb5bfa670f..f93e421644 100644 --- a/site/data/zh-CN/docs/chains.mdx +++ b/site/data/zh-CN/docs/chains.mdx @@ -7,11 +7,11 @@ description: 自定义链 ## 自定义链 -RainbowKit 旨在与 [wagmi 的 `chain` 对象](https://wagmi.sh/react/chains) 集成。 查看支持的链列表 [here](https://wagmi.sh/react/chains#supported-chains)。 查看支持的链列表 [here](https://wagmi.sh/react/chains#supported-chains)。 查看支持的链列表 [here](https://wagmi.sh/react/chains#supported-chains)。 查看支持的链列表 [here](https://wagmi.sh/react/chains#supported-chains)。 查看支持的链列表 [here](https://wagmi.sh/react/chains#supported-chains)。 查看支持的链列表 [here](https://wagmi.sh/react/chains#supported-chains)。 +RainbowKit 旨在与 [wagmi 的 `chain` 对象](https://wagmi.sh/react/chains) 集成。 在[这里](https://wagmi.sh/react/chains#supported-chains)查看支持的链列表。 ### 自定义初始链 -默认情况下，RainbowKit 将连接到提供给 Wagmi 的第一个链。 可以通过`initialChain`属性自定义此行为。 可以通过`initialChain`属性自定义此行为。 可以通过`initialChain`属性自定义此行为。 可以通过`initialChain`属性自定义此行为。 +默认情况下，RainbowKit 将连接到提供给 Wagmi 的第一个链。 可以通过`initialChain`属性自定义此行为。 可以使用链ID配置初始链。 diff --git a/site/data/zh-CN/docs/connect-button.mdx b/site/data/zh-CN/docs/connect-button.mdx index cc196ac091..ae67b6271b 100644 --- a/site/data/zh-CN/docs/connect-button.mdx +++ b/site/data/zh-CN/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: 使用和自定义 ConnectButton ## 使用和自定义 ConnectButton -这是主要组件。 该组件负责渲染连接/断开连接按钮，以及链交换界面。 +这是主要组件。 该组件负责渲染连接/断开连接按钮，以及切换链的界面。 ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -126,7 +126,7 @@ export const YourApp = () => { 这些 prop 也可以定义为响应式格式。 -在小屏幕上，只显示账户图标。 但在大屏幕上，显示图标和地址。 但在大屏幕上，显示图标和地址。 但在大屏幕上，显示图标和地址。 但在大屏幕上，显示图标和地址。 但在大屏幕上，显示图标和地址。 但在大屏幕上，显示图标和地址。 +在小屏幕上，只显示账户图标。 但在大屏幕上，显示图标和地址。 ```tsx { /> ``` -在小屏幕上，隐藏余额。 但在大屏幕上，显示它。 +在小屏幕上，隐藏余额。 但在大屏幕上，显示余额。 ```tsx ( ### 但它是什么呢？ -当从钱包列表中选择一个钱包时，会出现emoji爆炸效果 🌈🌈🌈。 它使用你选择的钱包的图标。 它使用你选择的钱包的图标。 它使用你选择的钱包的图标。 它使用你选择的钱包的图标。 它使用你选择的钱包的图标。 它使用你选择的钱包的图标。 +当从钱包列表中选择一个钱包时，会出现emoji爆炸效果 🌈🌈🌈。 它使用你选择的钱包的图标。 #### 演示 diff --git a/site/data/zh-CN/docs/custom-app-info.mdx b/site/data/zh-CN/docs/custom-app-info.mdx index 560cd0631f..5a872fba02 100644 --- a/site/data/zh-CN/docs/custom-app-info.mdx +++ b/site/data/zh-CN/docs/custom-app-info.mdx @@ -7,7 +7,7 @@ description: 定制您的应用信息 ## 定制您的应用信息 -您可以在 `RainbowKitProvider` 的 `appInfo` prop中传递您的应用信息。 您可以在 `RainbowKitProvider` 的 `appInfo` prop中传递您的应用信息。 您可以修改的属性有您的应用名称 (`appName`) 和“了解更多”按钮在连接模态框中的重定向链接 (`learnMoreUrl`)： 您可以在 `RainbowKitProvider` 的 `appInfo` prop中传递您的应用信息。 您可以修改的属性有您的应用名称 (`appName`) 和“了解更多”按钮在连接模态框中的重定向链接 (`learnMoreUrl`)： 您可以在 `RainbowKitProvider` 的 `appInfo` prop中传递您的应用信息。 您可以修改的属性有您的应用名称 (`appName`) 和“了解更多”按钮在连接模态框中的重定向链接 (`learnMoreUrl`)： 您可以在 `RainbowKitProvider` 的 `appInfo` prop中传递您的应用信息。 您可以修改的属性有您的应用名称 (`appName`) 和“了解更多”按钮在连接模态框中的重定向链接 (`learnMoreUrl`)： 您可以在 `RainbowKitProvider` 的 `appInfo` prop中传递您的应用信息。 您可以修改的属性有您的应用名称 (`appName`) 和“了解更多”按钮在连接模态框中的重定向链接 (`learnMoreUrl`)： +您可以在 `RainbowKitProvider` 的 `appInfo` prop中传递您的应用信息。您可以修改的属性有您的应用名称 (`appName`) 和“了解更多”按钮在连接模态框中的重定向链接 (`learnMoreUrl`)： ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/zh-CN/docs/custom-avatars.mdx b/site/data/zh-CN/docs/custom-avatars.mdx index b528fbccdb..cf54679da5 100644 --- a/site/data/zh-CN/docs/custom-avatars.mdx +++ b/site/data/zh-CN/docs/custom-avatars.mdx @@ -7,7 +7,7 @@ description: 定制您的应用程序的用户头像 ## 定制您的应用程序的用户头像 -默认情况下，我们为用户提供一个头像，以防他们的ENS图像未设置，但您可以通过提供自己的头像组件来自定义这个头像。 如果使用TypeScript，你可以导入`AvatarComponent`类型： 如果使用TypeScript，你可以导入`AvatarComponent`类型： 如果使用TypeScript，你可以导入`AvatarComponent`类型： 如果使用TypeScript，你可以导入`AvatarComponent`类型： 如果使用TypeScript，你可以导入`AvatarComponent`类型： 如果使用TypeScript，你可以导入`AvatarComponent`类型： +默认情况下，我们为用户提供一个头像，以防他们的ENS图像未设置，但您可以通过提供自己的头像组件来自定义这个头像。 如果使用TypeScript，你可以导入`AvatarComponent`类型： ```tsx import { diff --git a/site/data/zh-CN/docs/custom-chains.mdx b/site/data/zh-CN/docs/custom-chains.mdx index 4ebcfd7fb5..8e5ba72c70 100644 --- a/site/data/zh-CN/docs/custom-chains.mdx +++ b/site/data/zh-CN/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: 创建自定义链 ## 创建自定义链 -您可以使用 `Chain` 类型来帮助您创建自定义链。 您可以使用 `Chain` 类型来帮助您创建自定义链。 然后，将其传递到 [`configureChains` 函数](https://wagmi.sh/docs/providers/configuring-chains)。 然后，将其传递给 `getDefaultConfig` 或 Wagmi 的 [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig)。 +您可以使用 `Chain` 类型来帮助您创建自定义链。 然后，将其传递到 [`configureChains` 函数](https://wagmi.sh/docs/providers/configuring-chains)。 然后，将其传递给 `getDefaultConfig` 或 Wagmi 的 [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig)。 例如，这里是您可以为 [avax.network](https://avax.network) 创建 Avalanche 链的方式。 diff --git a/site/data/zh-CN/docs/custom-connect-button.mdx b/site/data/zh-CN/docs/custom-connect-button.mdx index d106227753..e129e28333 100644 --- a/site/data/zh-CN/docs/custom-connect-button.mdx +++ b/site/data/zh-CN/docs/custom-connect-button.mdx @@ -7,7 +7,7 @@ description: 创建一个自定义的 ConnectButton ## 创建一个自定义的 ConnectButton -您可以使用低级别的 `ConnectButton.Custom` 来创建自己的自定义连接按钮。 该组件渲染了一个函数，其中包含了您需要重新实现内置按钮的所有内容。 该组件渲染了一个函数，其中包含了您需要重新实现内置按钮的所有内容。 该组件渲染了一个函数，其中包含了您需要重新实现内置按钮的所有内容。 该组件渲染了一个函数，其中包含了您需要重新实现内置按钮的所有内容。 该组件渲染了一个函数，其中包含了您需要重新实现内置按钮的所有内容。 该组件渲染了一个函数，其中包含了您需要重新实现内置按钮的所有内容。 +您可以使用低级别的 `ConnectButton.Custom` 来创建自己的自定义连接按钮。 该组件渲染了一个函数，其中包含了您需要重新实现内置按钮的所有内容。 内置按钮的最小实现可能看起来像这样: diff --git a/site/data/zh-CN/docs/custom-theme.mdx b/site/data/zh-CN/docs/custom-theme.mdx index 63866e61f3..6b024b5ba4 100644 --- a/site/data/zh-CN/docs/custom-theme.mdx +++ b/site/data/zh-CN/docs/custom-theme.mdx @@ -7,10 +7,7 @@ description: 创建自定义主题 ## 创建自定义主题 -> 注意：该API不稳定且可能在不久的将来改变 -> 。 我们建议现在先坚持使用[内置的主题](/docs/theming) -> 。 我们建议现在先坚持使用[内置的主题](/docs/theming) -> 。 +> 注意：该API不稳定且可能在不久的将来改变。 我们建议现在先坚持使用[内置的主题](/docs/theming) 虽然内置主题提供了一定程度的自定义，但`Theme`类型是为了帮助你定义你自己的自定义主题，它为你提供了到底层主题变量的低级访问。 @@ -82,7 +79,7 @@ const App = () => ( ### 扩展内置主题 -你可以扩展内置主题，而不需要重新定义整个主题。 当你只想覆盖特定主题令牌时，这是有用的。 当你只想覆盖特定主题令牌时，这是有用的。 当你只想覆盖特定主题令牌时，这是有用的。 +你可以扩展内置主题，而不需要重新定义整个主题。 当你只想覆盖特定主题令牌时，这是有用的。 要做到这一点，安装`lodash.merge`（或等效物）： @@ -101,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -然后，将内置主题与你想要覆盖的主题标记进行合并。 在这个例子中，我正在覆盖 `accentColor` 标记来匹配我的品牌的强调色。 然后，将内置主题与你想要覆盖的主题标记进行合并。 在这个例子中，我正在覆盖 `accentColor` 标记来匹配我的品牌的强调色。 在这个例子中，我正在覆盖 `accentColor` 标记来匹配我的品牌的强调色。 +然后，将内置主题与你想要覆盖的主题标记进行合并。 在这个例子中，我正在覆盖 `accentColor` 标记来匹配我的品牌的强调色。 然后，将内置主题与你想要覆盖的主题标记进行合并。 ```tsx const myTheme = merge(darkTheme(), { @@ -130,9 +127,9 @@ const App = () => { - `cssStringFromTheme` - `cssObjectFromTheme` -这些函数返回设置所有所需主题变量的 CSS。 由于支持字符串和对象，因此可以将其集成到任何 CSS-in-JS 系统中。 由于支持字符串和对象，因此可以将其集成到任何 CSS-in-JS 系统中。 由于支持字符串和对象，因此可以将其集成到任何 CSS-in-JS 系统中。 由于支持字符串和对象，因此可以将其集成到任何 CSS-in-JS 系统中。 由于支持字符串和对象，因此可以将其集成到任何 CSS-in-JS 系统中。 由于支持字符串和对象，因此可以将其集成到任何 CSS-in-JS 系统中。 +这些函数返回设置所有所需主题变量的 CSS。 由于支持字符串和对象，因此可以将其集成到任何 CSS-in-JS 系统中。 -作为一个基本示例，您可以使用每个主题的自定义选择器渲染自己的`style`元素。 作为一个基本示例，您可以使用每个主题的自定义选择器渲染自己的`style`元素。 作为一个基本示例，您可以使用每个主题的自定义选择器渲染自己的`style`元素。 因为我们正在控制渲染主题的CSS，所以我们传递`null`给`theme`属性，这样RainbowKitProvider就不会为我们渲染任何样式。 还要注意在cssStringFromTheme函数的extends选项上使用，它会忽略任何与基础主题相同的主题变量。 还要注意在cssStringFromTheme函数的extends选项上使用，它会忽略任何与基础主题相同的主题变量。 还要注意在cssStringFromTheme函数的extends选项上使用，它会忽略任何与基础主题相同的主题变量。 +作为一个基本示例，您可以使用每个主题的自定义选择器渲染自己的`style`元素。 作为一个基本示例，您可以使用每个主题的自定义选择器渲染自己的`style`元素。 作为一个基本示例，您可以使用每个主题的自定义选择器渲染自己的`style`元素。 因为我们正在控制渲染主题的CSS，所以我们传递`null`给`theme`属性，这样RainbowKitProvider就不会为我们渲染任何样式。 还要注意在cssStringFromTheme函数的extends选项上使用，它会忽略任何与基础主题相同的主题变量。 ```tsx import { diff --git a/site/data/zh-CN/docs/custom-wallet-list.mdx b/site/data/zh-CN/docs/custom-wallet-list.mdx index 6a325d95d3..8db9f7f59e 100644 --- a/site/data/zh-CN/docs/custom-wallet-list.mdx +++ b/site/data/zh-CN/docs/custom-wallet-list.mdx @@ -7,9 +7,9 @@ description: 定制钱包列表 ## 定制钱包列表 -> 注意：此API不稳定，很可能在不久的将来发生变化。 我们建议现在避免更改钱包列表。 我们建议现在避免更改钱包列表。 +> 注意：此API不稳定，很可能在不久的将来发生变化。 我们建议现在避免更改钱包列表。 -您可以从`'@rainbow-me/rainbowkit/wallets'`中导入各个钱包，同时使用`connectorsForWallets`函数来构建自己的钱包列表和所需连接器。 这样，您可以自由控制显示哪些钱包以及显示的顺序。 这样，您可以自由控制显示哪些钱包以及显示的顺序。 这样，您可以自由控制显示哪些钱包以及显示的顺序。 +您可以从`'@rainbow-me/rainbowkit/wallets'`中导入各个钱包，同时使用`connectorsForWallets`函数来构建自己的钱包列表和所需连接器。 这样，您可以自由控制显示哪些钱包以及显示的顺序。 例如，您可以选择仅显示Rainbow和通用的Fallback钱包。 @@ -66,7 +66,7 @@ const App = () => ( #### 通用钱包 -以下钱包的范围限制在通用连接方法，而非特定的应用。 因此，建议总是包含这些钱包。 因此，建议总是包含这些钱包。 +以下钱包的范围限制在通用连接方法，而非特定的应用。 因此，建议总是包含这些钱包。 ##### WalletConnect @@ -90,7 +90,7 @@ walletConnectWallet(options: { ##### 注入式钱包 -这是一个后备钱包选项，专为`window.ethereum`存在但列表中其他钱包未提供的情况设计。 如果不需要后备或者没有可用的注入钱包，这个钱包会自动从列表中隐藏自己。 如果不需要后备或者没有可用的注入钱包，这个钱包会自动从列表中隐藏自己。 当不需要后备选项或没有可用的注入钱包时，这个钱包会自动从列表中隐藏。 当不需要后备选项或没有可用的注入钱包时，这个钱包会自动从列表中隐藏。 当不需要后备选项或没有可用的注入钱包时，这个钱包会自动从列表中隐藏。 当不需要后备选项或没有可用的注入钱包时，这个钱包会自动从列表中隐藏。 +这是一个后备钱包选项，专为`window.ethereum`存在但列表中其他钱包未提供的情况设计。 如果不需要后备或者没有可用的注入钱包，这个钱包会自动从列表中隐藏自己。 如果不需要后备或者没有可用的注入钱包，这个钱包会自动从列表中隐藏自己。 当不需要后备选项或没有可用的注入钱包时，这个钱包会自动从列表中隐藏。 当不需要后备选项或没有可用的注入钱包时，这个钱包会自动从列表中隐藏。 **建议您始终在列表中包含此钱包，以确保支持所有注入的钱包。** @@ -499,7 +499,7 @@ const connectors = connectorsForWallets( #### 多个组 -你可以使用`groupName`键命名不同的钱包组。 如果你想告诉你的用户你建议的钱包，以及其他可能的钱包，这是很有用的。 如果你想告诉你的用户你建议的钱包，以及其他可能的钱包，这是很有用的。 如果您想向用户推荐您推荐的钱包，以及其他可能的钱包，这将非常有用。 如果您想向用户推荐您推荐的钱包，以及其他可能的钱包，这将非常有用。 如果您想向用户推荐您推荐的钱包，以及其他可能的钱包，这将非常有用。 如果您想向用户推荐您推荐的钱包，以及其他可能的钱包，这将非常有用。 +你可以使用`groupName`键命名不同的钱包组。 如果你想告诉你的用户你建议的钱包，以及其他可能的钱包，这是很有用的。 如果你想告诉你的用户你建议的钱包，以及其他可能的钱包，这是很有用的。 如果您想向用户推荐您推荐的钱包，以及其他可能的钱包，这将非常有用。 推荐Rainbow和MetaMask，但也提供Coinbase以及一般的备选钱包。 diff --git a/site/data/zh-CN/docs/custom-wallets.mdx b/site/data/zh-CN/docs/custom-wallets.mdx index ba476bebe7..45bc4d35f2 100644 --- a/site/data/zh-CN/docs/custom-wallets.mdx +++ b/site/data/zh-CN/docs/custom-wallets.mdx @@ -7,9 +7,9 @@ description: 创建自定义钱包 ## 创建自定义钱包 -> 注意：此API不稳定，很可能在不久的将来发生变化。 我们建议现在避免更改钱包列表。 我们将随着时间推移增加更多内置钱包。 注意：此API不稳定，很可能在不久的将来发生变化。 我们建议现在避免更改钱包列表。 我们将随着时间推移增加更多内置钱包。 注意：此API不稳定，可能在不久的将来会发生变化。 我们将随着时间推移增加更多内置钱包。 如果您对任何特定的钱包有兴趣，[请告诉我们](https://github.com/rainbow-me/rainbowkit/issues)。 +> 注意：此API不稳定，很可能在不久的将来发生变化。 我们建议现在避免更改钱包列表。 我们将随着时间推移增加更多内置钱包。 如果您对任何特定的钱包有兴趣，[请告诉我们](https://github.com/rainbow-me/rainbowkit/issues)。 -`钱包`函数类型提供帮助你定义自己的自定义钱包。 `钱包`函数类型提供帮助你定义自己的自定义钱包。 您的`Wallet`函数返回值上可以配置以下属性： `Wallet`函数类型提供帮助你定义自己的自定义钱包。您的`Wallet`函数返回值上可以配置以下属性： `Wallet`函数类型提供帮助你定义自己的自定义钱包。您的`Wallet`函数返回值上可以配置以下属性： `Wallet`函数类型提供帮助你定义自己的自定义钱包。您的`Wallet`函数返回值上可以配置以下属性： `Wallet`函数类型提供帮助你定义自己的自定义钱包。您的`Wallet`函数返回值上可以配置以下属性： +`钱包`函数类型提供帮助你定义自己的自定义钱包。 `Wallet`函数类型提供帮助你定义自己的自定义钱包。 您的`Wallet`函数返回值上可以配置以下属性： ### 钱包属性 diff --git a/site/data/zh-CN/docs/installation.mdx b/site/data/zh-CN/docs/installation.mdx index 0e83dae4a9..d89331b0ba 100644 --- a/site/data/zh-CN/docs/installation.mdx +++ b/site/data/zh-CN/docs/installation.mdx @@ -63,7 +63,7 @@ import { 配置您所需的链并生成所需的连接器。 配置您所需的链并生成所需的连接器。 您还需要设置一个 `wagmi` 配置。 如果您的 dApp 使用服务器端渲染（SSR），请确保将 `ssr` 设置为 `true`。 -> 注意：现在依赖 WalletConnect 的每一个 dApp 都需要从 [WalletConnect Cloud](https://cloud.walletconnect.com/) 获得一个 `projectId`。 这完全免费，只需要几分钟。 这完全免费，只需要几分钟。 这完全免费，只需要几分钟。 这完全免费，只需要几分钟。 这完全免费，只需要几分钟。 这完全免费，只需要几分钟。 +> 注意：现在依赖 WalletConnect 的每一个 dApp 都需要从 [WalletConnect Cloud](https://cloud.walletconnect.com/) 获得一个 `projectId`。 这完全免费，只需要几分钟。 ```tsx line=4-99 ... @@ -119,19 +119,19 @@ RainbowKit 现在将处理您用户的钱包选择，显示钱包/交易信息 Next.js 和 Create React App 使用的[Webpack v5](https://webpack.js.org/blog/2020-10-10-webpack-5-release/) 打包器[不再提供 Node polyfills](https://webpack.js.org/blog/2020-10-10-webpack-5-release/#automatic-nodejs-polyfills-removed)，所以你需要自行包含这些模块来满足 RainbowKit 的同级依赖。 Create React App 特别要求你对 `Buffer` 进行 polyfill。 Create React App 特别要求你对 `Buffer` 进行 polyfill。 Create React App 特别要求你对 `Buffer` 进行 polyfill。 Create React App 特别要求你对 `Buffer` 进行 polyfill。 Create React App 特别要求你对 `Buffer` 进行 polyfill。 Create React App 特别要求您为 `Buffer` 填充兼容性代码。 -在依赖 [ethers](https://docs.ethers.org/v5/) 的 RainbowKit 的先前版本中，`fs`、`net` 和 `tls` 模块会自动进行 polyfill。 在基于 [viem](https://viem.sh/) 的 RainbowKit v1 + wagmi v1 中，情况不再如此。 在基于 [viem](https://viem.sh/) 的 RainbowKit v1 + wagmi v1 中，情况不再如此。 在基于 [viem](https://viem.sh/) 的 RainbowKit v1 + wagmi v1 中，情况不再如此。 在基于 [viem](https://viem.sh/) 的 RainbowKit v1 + wagmi v1 中，情况不再如此。 在基于 [viem](https://viem.sh/) 的 RainbowKit v1 + wagmi v1 中，情况不再如此。 在 RainbowKit v1 + wagmi v1 中不再是这样，它们是基于 [viem](https://viem.sh/) 构建的。 +在依赖 [ethers](https://docs.ethers.org/v5/) 的 RainbowKit 的先前版本中，`fs`、`net` 和 `tls` 模块会自动进行 polyfill。 在基于 [viem](https://viem.sh/) 的 RainbowKit v1 + wagmi v1 中，情况不再如此。 在 RainbowKit v1 + wagmi v1 中不再是这样，它们是基于 [viem](https://viem.sh/) 构建的。 参考我们的 [Next.js Webpack Config](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js)、[Next.js App Router Webpack Config](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next-app/next.config.js)和[Create React App polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) 示例，为您的项目提供配置指导。 ##### Vite -[Vite](https://vitejs.dev) 打包程序不提供 Node polyfills，所以你需要包含 `global`、`Buffer` 和 `process.env` 的 polyfills。 例如，您可以参考我们的 [在我们的 Vite 项目示例中的 polyfills](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-vite/src/polyfills.ts)。 例如，您可以参考我们的 [在我们的 Vite 项目示例中的 polyfills](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-vite/src/polyfills.ts)。 例如，您可以参考我们的 [在我们的 Vite 项目示例中的 polyfills](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-vite/src/polyfills.ts)。 例如，您可以参考我们的 [在我们的 Vite 项目示例中的 polyfills](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-vite/src/polyfills.ts)。 例如，您可以参考我们的 [在我们的 Vite 项目示例中的 polyfills](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-vite/src/polyfills.ts)。 例如，您可以参考我们的 [Vite 示例项目中的 polyfills](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-vite/src/polyfills.ts)。 +[Vite](https://vitejs.dev) 打包程序不提供 Node polyfills，所以你需要包含 `global`、`Buffer` 和 `process.env` 的 polyfills。 例如，您可以参考我们的 [在我们的 Vite 项目示例中的 polyfills](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-vite/src/polyfills.ts)。 ##### Remix 当使用 [Remix](https://remix.run)时，所有的 RainbowKit 包入口点都必须添加到您的 [服务器依赖项](https://remix.run/docs/en/v1/pages/gotchas#importing-esm-packages) 列表中，因为它们是以 ESM 包形式发布的。 -Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 参考我们的样本 Remix 项目中的 [polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix/app/polyfills.ts)。 Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 参考我们的样本 Remix 项目中的 [polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix/app/polyfills.ts)。 Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 参考我们的样本 Remix 项目中的 [polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix/app/polyfills.ts)。 Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 参考我们的样本 Remix 项目中的 [polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix/app/polyfills.ts)。 Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 参考我们的样本 Remix 项目中的 [polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix/app/polyfills.ts)。 +Remix 还要求您为 `global`，`Buffer` 和 `process.env` 填充兼容性代码。 参考我们的样本 Remix 项目中的 [polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix/app/polyfills.ts)。 ```js /** diff --git a/site/data/zh-CN/docs/introduction.mdx b/site/data/zh-CN/docs/introduction.mdx index 2f4123b15d..f07e186ecd 100644 --- a/site/data/zh-CN/docs/introduction.mdx +++ b/site/data/zh-CN/docs/introduction.mdx @@ -9,27 +9,27 @@ description: 连接钱包的最佳方式 🌈