Webpack错误：模块解析失败

问题描述：

我对使用webpack比较陌生。我的问题是，当我运行./node_modules/.bin/webpack -d时，我得到一个错误。我想知道谁能帮助我，并告诉我我可能会出错的地方。误差小于如下：Webpack错误：模块解析失败

`ERROR in ./src/components/App.js 
Module parse failed: /Users/danielmccord/webpack- 
demo/src/components/App.js Unexpected token (8:2) 
You may need an appropriate loader to handle this file type. 
| 
| const App =() => (
| <div> 
|  <AddTodo /> 
|  <VisibleTodoList /> 
@ ./src/client/app/index.js 17:11-44`

的WebPack配置提前

能否请您添加的WebPack配置代码的WebPack版本您使用 –

我使用verison 3.3.0 –

这 – DMC

答

var webpack = require('webpack'); 
var path = require('path'); 
var BUILD_DIR = path.resolve(__dirname, 'public'); 
var APP_DIR = path.resolve(__dirname, 'src/client/app'); 
var config = { 
    entry: APP_DIR + '/index.js', 
    output: { 
     path: BUILD_DIR, 
     filename: 'bundle.js' 
    }, 
    module: { 
     loaders: [{ 
      test: /\.js?/, 
      include: APP_DIR, 
      loader: 'babel-loader' 
     }] 
    }, 
}; 
module.exports = config;

感谢尽管您已指定为您的WebPack配置装载机，你有没有指定的ES6预设和您的测试正则表达式不正确，请将您的配置更改为

module: { 
    rules: [{ 
     test: /\.jsx?$/, 
     include: APP_DIR, 
     exclude: [/node_modules/], 
     use: [{ 
      loader: "babel-loader", 
      options: { 
         presets: ["stage-0","es2015","react"], 
         plugins: ["transform-class-properties"] 
        } 
     }] 
    }] 

},

P.S.确保你安装的预设和插件与

npm install -S babel-plugin-transform-class-properties babel-preset-es2015 babel-preset-react babel-preset-stage-0

我改变了我的config来的是什么上面，但我现在有一个新的错误说：“ 错误：'output.filename'是必需的，无论是在配置文件或作为--output文件名”？但我已经有一个bundle.js文件了？困惑！ – DMC

您只是将模块对象替换为正确的？ –

是的，谢谢。删除错误，但得到一个新的说：“错误在./src/client/app/index.js 模块构建失败：ReferenceError：未知插件在”base“中指定的”transform-class-properties“在0，试图解决相对于“/用户/ danielmccord/webpack演示/ src /客户端/应用程序...” – DMC

Webpack错误：模块解析失败

相关推荐