webpack报错

Question

跟着视频操作的，但是运行webpack的时候报错

Answer 1

慕田峪1357988 2018-06-21 13:10:54

npm install webpack@2.x -g --save;

npm install webpack-dev@2.x -g --save

• 提问者 赵小刀 #1

  这个方法也可以，但是我用的是webpack4，看着webpack4官网也解决了，多谢！

Answer 2

慕粉2202551788 2018-06-13 17:49:50

讲师源码中的webpack版本较低，
默认安装的新版本语法已经变化了
试一下下面这个webpack.config.js

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
module.exports = {
context: path.join(__dirname),
devtool: debug ? "inline-sourcemap" : null,
//入口文件
entry: "./src/js/index.js",
module: {
rules: [
{
test: /\.js?$/,
exclude: /(node_modules)/,
loader: 'babel-loader',
query: {
presets: ['react', 'es2015']
}
}
]
},
//输出文件
output: {
path: __dirname,
filename: "./src/bundle.js"
}
};

• 慕田峪1357988 #1

  用上面这个就报这个错误
  ERROR in Entry module not found: Error: Can't resolve 'babel-loader' in 'D:\src\learned-code\react-source-code\05-01'

• 慕田峪1357988 #2

  npm install --save-dev babel-loader babel-core