巴貝爾未加載特定的文件，因爲的WebPack的錯誤配置

ERROR in ./reducers/navigator.js 
Module build failed: SyntaxError: C:/Users/Myname/Desktop/Projects/Project2/app/templates/reducers/navigator.js: Unexpected token (11:16) 

    9 |   case SWITCH_PAGE: 
    10 |    return { 
> 11 |     ...state, 
    |    ^
    12 |     id : action.payload 
    13 |    } 
    14 |   default:

我的WebPack配置看起來像這樣巴貝爾未加載特定的文件，因爲的WebPack的錯誤配置

const webpack = require('webpack'); 
const config = { 
    entry: __dirname + '/index.jsx', 
    output: { 
     path: 'C:\\Users\\Myname\\Desktop\\Projects\\Project2\\app\\static\\js\\dist', 
     filename: 'bundle.js', 
    }, 
    resolve: { 
     extensions: ['.js', '.jsx', '.css'] 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.jsx?/, 
       exclude: /node_modules/, 
       use: 'babel-loader', 
      } 
     ] 
    }, 
}; 
module.exports = config;

當我編譯應用程序，它說這個錯誤，那是因爲這個文件沒有被巴貝爾處理。有沒有辦法在沒有ES6的情況下返回狀態？或者甚至更好，我如何使用babel進行編譯，以便我可以支持ES6功能。

注：index.jsx是父組件等是孩子的

也是我的package.json包含此

"babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    },

來源

2017-09-05 Δημήτρης Φιλίππου

對象擴展性不包括在ES6，建議在目前階段3：https://tc39.github.io/proposal-object-rest-spread/。要包括它，你會想安裝babel stage 3預設（https://babeljs.io/docs/plugins/preset-stage-3/）並更新你的.babelrc文件以包含它

來源

2017-09-05 21:49:33 taylorc93

我沒有.babelrc在我的項目中，我使用python後端製作了純粹的react項目，所以那裏不是花哨的配置。我會添加.babelrc，但是你能告訴我，我從來沒有使用過，因此我放了什麼。在此先感謝 –

謝謝！你實際上沒有給我解決方案，但你給了我一個開始嘗試的良好開端，並且我想出了用stage3創建.babelrc。就是這麼簡單：p。再次感謝taylorc93！ –

沒有這樣的東西作爲傳播*運營商*。 –

巴貝爾未加載特定的文件，因爲的WebPack的錯誤配置

回答

相關問題