npm webpackの問題を開始しますか？ package.json - -

Question

私が反応し、NPM開始でそれを起動しようとしているミニアプリだ「スクリプト」：{ は「開始」：「ノードserver.js」

すべてのWindowsで正常に動作するだけにしようとしたときエラー

/var/www/react_pwa/node_modules/webpack/lib/RuleSet.js:143
をスローUbuntuのコンソールでこれを起動する（「オプション/クエリはローダーで使用することはできません」）新しいエラーを投げます。

node.jsとnpmを更新しました。これはwebpackの設定上の問題である可能性があります。このファイルは次のようになります

var path = require('path'); 
var webpack = require('webpack'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = { 
    devtool: 'eval', 
    entry: [ 
    'react-hot-loader/patch', 
    'webpack-dev-server/client?http://localhost:3000', 
    'webpack/hot/only-dev-server', 
    './src/index' 
    ], 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'bundle.js', 
    publicPath: '/' 
    }, 
    plugins: [ 
    new webpack.HotModuleReplacementPlugin(), 
     new HtmlWebpackPlugin({ 
     template: 'index.html' 
    }) 
    ], 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     loaders: ['babel'], 
     include: path.join(__dirname, 'src'), 
     query: { 
     "presets": [ 
      "es2015", 
      "stage-0", 
      "react" 
     ], 
     "plugins": [ 
      "react-hot-loader/babel" 
     ] 
     } 
    }, 
    { 
     test: /\.css/, 
     loaders: ["style", "css"] 
    }] 
    } 
}; 

アイデアをお持ちですか？ありがとう。

Answer 1

package.jsonには依存関係がありません。

あなたはreact-hot-loader、css-loader、style-loader、babel-loader、babel-core、babel-preset-es2015、babel-preset-react、babel-preset-stage-0をインストールしたことがありますか？

は確認するために、このコマンドを実行してみてください：

npm install --save-dev react-hot-loader css-loader style-loader babel-loader babel-core babel-preset-es2015 babel-preset-react babel-preset-stage-0 

あなたがすることができるもう一つは、あなたのWindowsのセットアップ中にls node_modulesですので、あなたがnpm installにインストールするすべての依存関係があなたのpackage.jsonであることを確認してください。

Answer 2

loaders: ['babel']からloader: 'babel'に変更する必要があります。

どのローダーにどのクエリを添付するかわからないので、複数の「ローダー」でクエリを使用することはできません。