2016-10-28 104 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'它应该工作。

我不认为你可以使用多个“加载器”的查询,因为它不知道附加到哪个加载器的查询。