react使用node安装,报错Invalid configuration object. Webpack has been initialised using a configuration obj

如题,自己使用node来安装react,都是按照w3c的教程来的,但是报错:Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

如果读者也是按照react配置也报此错误,可以参照下.  

下面是我的webpack.config.js文件全部源码,其他的文件没有修改就修改了此文件下的3处内容,就可以正常跑(虽然编译时有警告,但至少能跑起来哈),  

修改处1: path: "请使用绝对路径,如我下面代码所示,别忘了在引号总\\才是代表\"

         2:loaders改为rules

         3:babel改为babel-loader

最后但是也是很重要的一点 启动时,不用npm start (要用的话在package.json中确保"start": "webpack-dev-server",其实当你执行npm start,也就是执行你配start后的webpack-dev-server),或直接在cmd中输入 webpack-dev-server 等待编译,然后打开浏览器输入相应网址(我的网址是) 即可看到输出结果

具体参照一下代码

module.exports = config;

 var config = {
   entry: './main.js',

   output: {
      path:'C:\\Users\\Administrator\\Desktop\\网龙\\第一周\\thirdWeek(react)',
      filename: 'index.js',
   },

   devServer: {
      inline: true,
      port: 7777
   },

   module: {
      rules: [ {
         test: /\.jsx?$/,
         exclude: /node_modules/,
         loader: 'babel-loader',

         query: {
            presets: ['es2015', 'react']
         }
      }]
   }

};

module.exports = config;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值