部署到Heroku期间的vite错误

Question

我的文件夹结构：

我的脚本：

"scripts": {
    "start": "node main.mjs",
    "dev": "NODE_ENV='development' npx nodemon main.mjs",
    "build": "cd client && yarn build",
    "install-client": "cd client && yarn",
    "heroku-postbuild": "yarn install-client && yarn build"
  }

client/package.json

"dependencies": {
    ...
},
"devDependencies": {
    ...
    "@vitejs/plugin-vue": "^2.3.1",
    "typescript": "~4.6.3",
    "vite": "^2.9.1",
    "vue-tsc": "^0.33.9"
}

错误：/bin/sh：1：vue-tsc：找不到

我的猜测是客户端上的 devDepentencies 没有被获取。但是我没有将 node_env 设置为 production ，因此不知道为什么没有获取它们。

将所有 DevDepentencies 移动到依赖项一个好主意？

Answer 1

这很可能是由两个问题之一引起的：

• Heroku正在修剪生产应用程序的DevDecties
• Heroku正在缓存以前构建中的Node_modules，

---

以便为应用程序创建一个较小的slug slug尺寸，而Heroku的buildpack会从包装中删除DevDependencies。构建的结尾，以便SLUG仅包括在运行时列出的依赖项。

禁用此依赖项修剪，

heroku config:set NPM_CONFIG_PRODUCTION=false

您可以通过运行：或，对于纱线来

heroku config:set YARN_PRODUCTION=false

但是如果是这种情况，并且在运行时也使用丢失的依赖项，则应在依赖项而不是下列出。 DevDepentencies 。

---

Heroku，默认情况下使用 NPM CI 而不是 npm i 。因此，另一个选项是通过：

heroku config:set USE_NPM_INSTALL=true

禁用缓存：

heroku config:set NODE_MODULES_CACHE=false

值得检查您已在软件包中指定了正确的npm和node版本。并且您已承诺 package-lock.json 或 yarn.lock 。

Answer 2

在 @lissy93的解释的灵感中，那些试图用vite将Vue 3应用程序部署到Heroku的人。请按照此处的操作 https://www.codementor.io/@ravianand1988/easily-4-steps-to-countinous-deliver-delivery-auto-auto-auto-deploy-vue-vue-js-js-js-app-onapp-on-heroku-heroku-heroku-heroku-heroku-xljk9777777777pq （忽略 @vue/cli安装和vue-cli-service脚本），然后

NODE_ENV=development, 
NODE_MODULES_CACHE = false

在heroku设置中设置，因为您是从github连接了仓库。然后将其在package.json中的脚本标签中放置，

...
"prestart": "npm run build",
"build": "npx vite build",
"start": "node server.js",
...

然后再次运行您的部署。