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配置提前

來源

2017-07-17 DMC

能否請您添加的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

來源

2017-07-17 07:07:08

我改變了我的config來的是什麼上面，但我現在有一個新的錯誤說：「錯誤：'output.filename'是必需的，無論是在配置文件或作爲--output文件名」？但我已經有一個bundle.js文件了？困惑！ – DMC

您只是將模塊對象替換爲正確的？ –

是的，謝謝。刪除錯誤，但得到一個新的說：「錯誤在./src/client/app/index.js 模塊構建失敗：ReferenceError：未知插件在」base「中指定的」transform-class-properties「在0，試圖解決相對於「/用戶/ danielmccord/webpack演示/ src /客戶端/應用程序...」 – DMC

Webpack錯誤：模塊解析失敗

回答

相關問題