将 vite + react 应用程序部署到 Heroku 时出错

Question

我正在尝试将我的应用程序部署到 Heroku。当我在我的机器上运行 npm build 时，它可以工作。但是当 Heroku 运行s npm build 时，它无法在我的应用程序中转换模块。

构建日志给出以下内容：

Build
       Running build
       
       > taleme@1.0.0 build
       > vite build
       
       vite v2.7.10 building for production...
       transforming...
       ✓ 32 modules transformed.
Could not resolve './taleme/LocalMultiplayer' from src/Game.tsx
error during build:
Error: Could not resolve './taleme/LocalMultiplayer' from src/Game.tsx
    at error (/tmp/build_fa45ef37/node_modules/vite/node_modules/rollup/dist/shared/rollup.js:158:30)
    at ModuleLoader.handleResolveId (/tmp/build_fa45ef37/node_modules/vite/node_modules/rollup/dist/shared/rollup.js:22384:24)
    at /tmp/build_fa45ef37/node_modules/vite/node_modules/rollup/dist/shared/rollup.js:22363:26
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
[!] Error: unfinished hook action(s) on exit:
(vite:css) transform "/tmp/build_fa45ef37/src/index.css"
(vite:load-fallback) load "/tmp/build_fa45ef37/src/taleme/LobbyView.tsx"

当我尝试暂时删除此导入时，在其他地方导入的不同模块会弹出此错误。
我不知道为什么 vite 不能在 Heroku 上执行转换。

如有任何帮助，我们将不胜感激！

Answer 1

原来是 bug in windicss, 固定在 v3.4.3.

将 vite + react 应用程序部署到 Heroku 时出错

Error deploying vite + react application to Heroku

heroku

reactjs

vite