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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

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