Npm 使用 vite React 应用程序运行预览可以工作，但我无法将其部署到 netlify

Question

我已经构建了一个应用程序，我想将其部署到 netlify，但它无法工作。该应用程序是一个使用 typescript 和 chakra-ui 的 React vite 应用程序。构建成功，但我收到很多以下错误： 'node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs (1:0) 模块级指令在捆绑时会导致错误，“node_modules/@chakra-ui/button/dist/chunk-”中的“使用客户端” DA7QIPTJ.mjs”被忽略。'

当我使用“npm run dev”在本地运行它时，以及在使用“npm run Preview”构建之后，它工作得很好，但在将其部署到 netlify 后，我收到了图像中显示的错误。

有人可以帮忙吗？

我也尝试将其部署到 github 页面和 vercel，但那里也发生了同样的事情。

Answer 1

您在 vite 配置中设置基础。您可以使用它来定义所有资产的前缀。一旦您删除它，您的

html

文件中的链接资源就应该可以工作。

1. 删除您的 vite 配置中的

   base

  base: "/game-discovery/",

2. npm run build

3. 成功🎉：D