2016-10-28 102 views
4

我得到了反應,並試圖與NPM開始啓動它的迷你應用程序 - 的package.json - 「腳本」:{ 「開始」:「節點server.js」npm啓動webpack的問題?

所有工作在窗口正常,但努力的時候啓動這個Ubuntu的控制檯上拋出一個錯誤

/var/www/react_pwa/node_modules/webpack/lib/RuleSet.js:143
拋出新的錯誤(「選項/查詢不能用裝載機用」);

我已經更新了node.js和npm,所以我thik這可能是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"] 
    }] 
    } 
}; 

任何想法?謝謝。

+0

你使用的是什麼版本的webpack?當我將'loader:'babel''更改爲'loaders:['babel']'時,我遇到了類似的問題。 – joshhunt

回答

1

您可能會錯過package.json中的某個依賴項。

你有沒有安裝react-hot-loadercss-loaderstyle-loaderbabel-loaderbabel-corebabel-preset-es2015babel-preset-reactbabel-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,並確保所有的依賴在你package.json所以你npm install安裝它們。

2

更改loaders: ['babel']loader: 'babel'它應該工作。

我不認爲你可以使用多個「加載器」的查詢,因爲它不知道附加到哪個加載器的查詢。