如题,自己使用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;