Herokuに展開しようとしているときにwebpackの依存関係がありませんか？

Question

webpackを使用するHerokuにプロジェクトを展開しようとしています。私はwebpackで私のプロジェクトをどのように配備するかについて、このtutorialに従っています。私はgit push heroku masterを行うと、私はこのエラーを取得しています：私は、エラーメッセージを見たとき

remote:  > webpack -p 
remote:   
remote:  sh: 1: webpack: not found 
remote:   
remote:  npm ERR! Linux 3.13.0-105-generic 
remote:  npm ERR! argv "/tmp/build_4edddf9818027153c0f2847e8272d33e/.heroku/node/bin/node" "/tmp/build_4edddf9818027153c0f2847e8272d33e/.heroku/node/bin/npm" "install" "--unsafe-perm" "--userconfig" "/tmp/build_4edddf9818027153c0f2847e8272d33e/.npmrc" 
remote:  npm ERR! node v6.9.5 
remote:  npm ERR! npm v3.10.10 
remote:  npm ERR! file sh 
remote:  npm ERR! code ELIFECYCLE 
remote:  npm ERR! errno ENOENT 
remote:  npm ERR! syscall spawn 
remote:  npm ERR! fire-emblem-quiz@1.0.0 postinstall: `webpack -p` 
remote:  npm ERR! spawn ENOENT 
remote:  npm ERR! 
remote:  npm ERR! Failed at the fire-emblem-quiz@1.0.0 postinstall script 'webpack -p'. 
remote:  npm ERR! Make sure you have the latest version of node.js and npm installed. 
remote:  npm ERR! If you do, this is most likely a problem with the fire-emblem-quiz package, 
remote:  npm ERR! not with npm itself. 
remote:  npm ERR! Tell the author that this fails on your system: 
remote:  npm ERR!  webpack -p 
remote:  npm ERR! You can get information on how to open an issue for this project with: 
remote:  npm ERR!  npm bugs fire-emblem-quiz 
remote:  npm ERR! Or if that isn't available, you can get their info via: 
remote:  npm ERR!  npm owner ls fire-emblem-quiz 
remote:  npm ERR! There is likely additional logging output above. 
remote:   

、それは私が私のプロジェクトで依存関係として、それをインストールしてWebPACKのが発見されていないと述べています。しかし、私は自分のプロジェクトを展開することができません。私は任意の助けに感謝

{ 
    "name": , 
    "version": "1.0.0", 
    "description": , 
    "main": "index.js", 
    "scripts": { 
    "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js", 
    "prod": "NODE_ENV=production node server.js", 
    "postinstall": "webpack -p" 
    }, 
    "author": , 
    "license": "ISC", 
    "devDependencies": { 
    "babel-core": "5.8.*", 
    "babel-loader": "5.3.*", 
    "webpack": "^1.14.0" 
    }, 
    "dependencies": { 
    "express": "^4.14.1", 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2" 
    } 
} 

：

module.exports = { 
    entry: [ 
    './src/index.js' 
    ], 
    output: { 
    path: __dirname, 
    filename: 'app/js/main.js' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.jsx?$/, 
     loader: 'babel', 
     exclude: /node_modules/ 
    }] 
    } 
} 

はここに私のpackage.jsonファイルです：

は、ここに私のWebPACKの設定ファイルです。ありがとう。

Answer 1

Hosting a production React app built with Wepback on Herokuへの回答で、webpackがpackage.jsonのdevDependenciesで指定されているときに、HerokuのWebpack依存関係が失われるという問題に対するいくつかのアプローチが提案されています。 どんなアプローチであれ、あなたに一番合ってください。