WebPACKのコマンドが

Question

が見つかりません/config/webpack/development.jsをもたらし、私は私のwebpack.configファイルを書かれているが、私は端末からのWebPACKを実行すると、私は言って戻ってエラーを取得：

ERROR: Webpack config /home/likono/learn/yak-yik/config/webpack/development.js not found, please run 'bundle exec rails webpacker:install' to install webpacker with default configs or add the missing config file for your custom environment.

私も持っていますグローバルにインストールされたwebpack。 は、ここで私は上記の構成の問題のカップルを見つけた私のwebpack.config.js

var webpack = require("webpack"); 
var path = require("path"); 

module.exports = { 
    entry: { 
     app: './src/app.js' 
    }, 
    output: { 
     filename: 'public/build/bundle.js', 
     sourceMapFilename: 'public/build/bundle.map' 
    }, 
    devtool: '#source-map', 
    module: { 
     loaders: [ 
      { test: /\.jsx?$/, 
       exclude: /(node_modules)/, 
       loader: 'babel', 
       query: { 
        presets: ['react', 'es2015'] 
       } 
      } 
     ] 
    } 
}; 

package.json

{ 
    "name": "yak-yik", 
    "version": "0.0.0", 
    "private": true, 
    "scripts": { 
    "start": "node ./bin/www" 
    }, 
    "dependencies": { 
    "body-parser": "~1.18.2", 
    "cookie-parser": "~1.4.3", 
    "debug": "~2.6.9", 
    "express": "~4.15.5", 
    "hjs": "~0.0.6", 
    "mongoose": "^4.13.4", 
    "morgan": "~1.9.0", 
    "nodemon": "^1.12.1", 
    "react": "^16.1.1", 
    "react-dom": "^16.1.1", 
    "serve-favicon": "~2.4.5" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.26.0", 
    "babel-loader": "^7.1.2", 
    "babel-preset-es2015": "^6.24.1", 
    "babel-preset-react": "^6.24.1", 
    "webpack": "^3.8.1" 
    } 
} 

Answer 1

です。 Babelによれば、loadersを使用しているときに、接尾辞-loaderを省略することは許可されていません。 babelの代わりにbabel-loaderを指定する必要があります。 babel-preset-es2015も推奨されていませんが、むしろbabel-preset-envを使用することをお勧めします。私は（私は少し異なるものを得た）にもかかわらず、あなたのエラーを再現し得るが、babel-loaderへbabelからloaderを変更することによって、私の側でファイルをバンドルするために私のWebPACKを持って、そしてpresets、そのようwebpack.config.jsにenvにes2015を変更しませんでした：

webpack.config.js

{ 
    test: /\.jsx?$/, 
    exclude: /(node_modules)/, 
    loader: 'babel-loader', 
    query: { 
    presets: ['react', 'env'] 
    } 
} 

私はまた、代わりに"babel-preset-es2015": "^6.24.1"のbabel-preset-envを使用するpackage.jsonファイルを変更しました。

package.js

"babel-preset-env": "^1.6.1", 
    "babel-preset-react": "^6.24.1", 
    "webpack": "^3.8.1" 

これを試してみると、それはあなたの問題を解決するかどうか私に教えてください。