找不到Webpack，部署到Heroku
非常新的Node和部署到Heroku。我已经设置了一个基本的React应用程序，并且正在尝试部署到Heroku。我已经推送了，但应用程序失败了。当我查看日志时，我看到了一些关于sh: 1: webpack: not found (full log here)的东西
我真的不确定发生了什么，但我相信这与我的package.json有关？在我使用的起始模板中，如下所示：
{
"name": "express-react-redux-starter",
"version": "1.0.0",
"description": "Starter for Express, React, Redux, SCSS applications",
"scripts": {
"dev": "webpack-dev-server --config ./webpack/webpack-dev.config.js --watch --colors",
"build": "rm -rf dist && webpack --config ./webpack/webpack-prod.config.js --colors",
"start": "PORT=8080 node start ./server.js",
"test": "mocha --compilers js:babel-core/register --require ./test/test_helper.js --recursive ./test",
"test:watch": "npm run test -- --watch",
"lint": "eslint src test webpack"
},
"keywords": [
"ExpressJS",
"ReactJS",
"Redux",
"React hot loader",
"React Router",
"SCSS",
"Webpack Devevelopment configuration",
"Webpack Production configuration",
"Airbnb Eslint",
"pm2",
"mocha",
"chai"
],
"repository": {
"type": "git",
"url": "git+https://github.com/DimitriMikadze/express-react-redux-starter"
},
"author": "Dimitri Mikadze",
"license": "MIT",
"devDependencies": {
"autoprefixer": "^6.4.0",
"autoprefixer-loader": "^3.2.0",
"babel-core": "^6.8.0",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-1": "^6.5.0",
"chai": "^3.5.0",
"chai-jquery": "^2.0.0",
"css-loader": "^0.23.1",
"eslint": "^2.10.2",
"eslint-config-airbnb": "^9.0.1",
"eslint-plugin-import": "^1.8.0",
"eslint-plugin-jsx-a11y": "^1.2.0",
"eslint-plugin-react": "^5.1.1",
"extract-text-webpack-plugin": "^1.0.1",
"html-webpack-plugin": "^2.16.1",
"jquery": "^2.2.3",
"jsdom": "^9.0.0",
"mocha": "^2.4.5",
"node-sass": "^3.7.0",
"react-addons-test-utils": "^15.0.2",
"react-hot-loader": "^1.3.0",
"sass-loader": "^3.2.0",
"style-loader": "^0.13.1",
"url-loader": "^0.5.7",
"webpack-dev-server": "^1.14.1"
},
"dependencies": {
"classnames": "^2.2.5",
"express": "^4.13.4",
"lodash": "^4.15.0",
"react": "^15.0.2",
"react-dom": "^15.0.2",
"react-redux": "^4.4.5",
"react-router": "^2.4.0",
"redux": "^3.5.2",
"webpack": "^1.13.0"
}
}为了部署它，我做错了什么？在我的本地主机上运行得很好。却想不出怎样才能把它带到这个世界上。非常感谢！
回答 8
Stack Overflow用户
发布于 2016-09-12 20:53:30
好的--这与package.json中的devDependencies和Dependencies有关，通过将Heroku配置设置为NPM_CONFIG_PRODUCTION: false，我能够解决这个问题。Thx互联网！
Stack Overflow用户
发布于 2018-11-15 19:10:30
正如其他人所说，Heroku将node作为生产NODE_ENV=production运行，这意味着您的devDependencies不会被安装。不过，Heroku提供了特定于节点的构建挂钩。我使用heroku-prebuild运行npm install --dev，它会安装所有依赖项和devDependencies。
"scripts": {
...,
"heroku-prebuild": "npm install --dev",
...
},应该避免在非生产模式下运行你的应用程序。通常，开发人员有“开发模式”的特定代码，当在生产环境中运行时，这些代码会被过滤掉。此外，如果你正在做的事情是一个webpack构建，你肯定想要在生产模式，以利用缩小，丑化，等等。
以下是Heroku的详细信息。
有时，开发人员需要更多面向生产的东西，而不是package.json中的预安装和安装后挂钩。例如，一些应用程序需要在安装依赖项之前设置额外的身份验证。有些需要构建资产，但不是在开发环境中。在GitHub的讨论中可以找到更多的例子。
Node.js开发人员现在可以使用heroku-prebuild和heroku-postbuild挂钩来定制他们的应用程序的构建过程。
Stack Overflow用户
发布于 2017-08-23 07:00:20
这是因为heroku默认没有安装package.json的dev依赖项，我们需要谨慎地告诉heroku (npm)安装我们的dev依赖项(webpack在dev中)，所以运行这个命令应该可以解决“找不到”的问题。
。
npm install --devhttps://stackoverflow.com/questions/39457619
复制
![Heroku上一键部署Cloudreve网盘程序[更新]](https://ask.qcloudimg.com/raw/yehe-4fac7fe57135/qcqek8108z.png)
相似问题
错误:部署到heroku时找不到模块'webpack‘
如何将webpack应用部署到heroku
与Webpack一起部署到Heroku
Webpack在部署到Heroku时不工作
如何部署到heroku当“邦德勒升级”和“错误命令"webpack”找不到“？
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
