Heroku 应用程序因 eslint 错误导入而崩溃

Posted

技术标签:

【中文标题】Heroku 应用程序因 eslint 错误导入而崩溃【英文标题】:Heroku app crashed because of eslint faulty import 【发布时间】:2018-05-22 20:41:34 【问题描述】:

我正在开发一个应用程序,它使用 VueJS 显示视图并使用 ExpressJS 作为服务器。

目前在本地运行良好,但在 Heroku 上成功部署后,它不会加载应用程序并使测功机崩溃。

我的文件夹结构是这样的:

项目根目录 客户端 客户端的package.json 服务器 服务器的package.json package.json 告诉 Heroku 在两个文件夹中安装依赖项

这是 Heroku 用来构建整个应用程序的 package.json:


    "name": "my-app",
    "version": "0.1.0",
    "scripts": 
        "postinstall": "npm install --prefix server && npm install --prefix client"
    

服务器的package.json:


  "name": "server",
  "version": "1.0.0",
  "description": "",
  "main": "./src/app.js",
  "scripts": 
      "start": "./node_modules/nodemon/bin/nodemon.js src/app.js --exec 'npm run lint && node'",
  "lint": "./node_modules/.bin/eslint **/*.js"
  ,
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": 
  "body-parser": "^1.18.2",
  "cors": "^2.8.4",
  "eslint": "^4.12.1",
  "express": "^4.16.2",
  "morgan": "^1.9.0",
  "nodemon": "^1.12.5",
  "pg": "^7.4.0",
  "sequelize": "^4.27.0"
,
"devDependencies": 
    "eslint-config-standard": "^10.2.1",
    "eslint-plugin-import": "^2.8.0",
    "eslint-plugin-node": "^5.2.1",
    "eslint-plugin-promise": "^3.6.0",
    "eslint-plugin-standard": "^3.0.1"


我检查了日志,问题出在 eslint 库中,Heroku 在我的项目中找不到该库。关于如何解决这个问题的任何想法?

2017-12-08T14:55:35.408127+00:00 app[web.1]: Cannot find module 'eslint-config-standard'
2017-12-08T14:55:35.408145+00:00 app[web.1]: Referenced from: /app/server/.eslintrc.js
2017-12-08T14:55:35.408945+00:00 app[web.1]: Error: Cannot find module 'eslint-config-standard'
2017-12-08T14:55:35.408947+00:00 app[web.1]: Referenced from: /app/server/.eslintrc.js
2017-12-08T14:55:35.408948+00:00 app[web.1]:     at ModuleResolver.resolve (/app/server/node_modules/eslint/lib/util/module-resolver.js:74:19)
2017-12-08T14:55:35.408949+00:00 app[web.1]:     at resolve (/app/server/node_modules/eslint/lib/config/config-file.js:471:25)
2017-12-08T14:55:35.408950+00:00 app[web.1]:     at load (/app/server/node_modules/eslint/lib/config/config-file.js:542:26)
2017-12-08T14:55:35.408951+00:00 app[web.1]:     at configExtends.reduceRight (/app/server/node_modules/eslint/lib/config/config-file.js:421:36)
2017-12-08T14:55:35.408951+00:00 app[web.1]:     at Array.reduceRight (<anonymous>)
2017-12-08T14:55:35.408952+00:00 app[web.1]:     at applyExtends (/app/server/node_modules/eslint/lib/config/config-file.js:403:28)
2017-12-08T14:55:35.408953+00:00 app[web.1]:     at loadFromDisk (/app/server/node_modules/eslint/lib/config/config-file.js:514:22)
2017-12-08T14:55:35.408953+00:00 app[web.1]:     at Object.load (/app/server/node_modules/eslint/lib/config/config-file.js:550:20)
2017-12-08T14:55:35.408954+00:00 app[web.1]:     at Config.getLocalConfigHierarchy (/app/server/node_modules/eslint/lib/config.js:228:44)
2017-12-08T14:55:35.408955+00:00 app[web.1]:     at Config.getConfigHierarchy (/app/server/node_modules/eslint/lib/config.js:180:43)
2017-12-08T14:55:35.464317+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2017-12-08T14:55:35.464681+00:00 app[web.1]: npm ERR! errno 1
2017-12-08T14:55:35.466080+00:00 app[web.1]: npm ERR! server@1.0.0 lint: `eslint **/*.js`
2017-12-08T14:55:35.466205+00:00 app[web.1]: npm ERR! Exit status 1
2017-12-08T14:55:35.466413+00:00 app[web.1]: npm ERR! 
2017-12-08T14:55:35.466555+00:00 app[web.1]: npm ERR! Failed at the server@1.0.0 lint script.
2017-12-08T14:55:35.466726+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2017-12-08T14:55:35.491352+00:00 app[web.1]: 
2017-12-08T14:55:35.491535+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2017-12-08T14:55:35.491648+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2017-12-08T14_55_35_468Z-debug.log
2017-12-08T14:55:35.506231+00:00 app[web.1]: [nodemon] app crashed - waiting for file changes before starting...
2017-12-08T14:56:08.700333+00:00 heroku[router]: at=error code=H20 desc="App boot timeout" method=GET path="/status" host=babbelbord.herokuapp.com request_id=f86a8552-14b5-477c-b79d-d575ad30bffa fwd="84.81.81.130" dyno= connect= service= status=503 bytes= protocol=https

【问题讨论】:

【参考方案1】:

您似乎从 /app/server/.eslintrc.js 中引用了 eslint-config-standard,但是您的 package.json 没有任何依赖项。

您将需要运行npm install eslint-config-standard --save,它将在您的 package.json 中创建一个依赖项。然后你应该保存以提交更改并再次部署到 heroku。

因为你没有在 package.json 中声明你的依赖,你的 dyno 不会知道安装它。我怀疑您只是忘记将--save 标志添加到您原来的npm install 上,因此它只安装到您的node_modules 文件夹中,而没有在package.json 中输入。

【讨论】:

感谢您帮助艾略特。但是,我检查了一下,我已经在 devDependencies 中有那个包。如果可以帮助您,我会使用服务器 package.json 文件更新问题 你能提供/app/server/.eslintrc.js的代码吗?这真的很有帮助,因为它是产生错误的代码。 了解您的 procfile 正在调用的命令也很有用 :) 这是.eslintrc.js文件内容:module.exports = "extends": "standard" ; 这是 Procfile 的内容: web: npm start --prefix server【参考方案2】:

感谢 Heroku 的支持,找到了答案。问题是我的依赖项是在 package.json 文件的 devDependencies 中定义的,而它们应该在 dependencies 中声明以便 Heroku 正常工作。

【讨论】:

以上是关于Heroku 应用程序因 eslint 错误导入而崩溃的主要内容,如果未能解决你的问题,请参考以下文章

React App 在本地运行,但在 Heroku 上因错误代码=H10 而崩溃

git push heroku master 因解析错误而失败 - 哪个文件?

git push heroku master 因“HTTP 400 curl 22 The requested URL returned error”而失败

部署“react-admin”应用程序时,Heroku 服务器因“JavaScript 堆内存不足”而崩溃

如何在 Visual Studio Code 中因缺少导入而突出显示错误?

Heroku节点应用程序未启动