Webpack「./src/main.js中的錯誤語法錯誤：」（{\ n新的webpack.Def「」

Question

我正在關注building a full stack web application with Express and Vue.js上的Free Code Camp教程。啓動客戶端服務器後，錯誤：

的main.js看起來是這樣的：

// The Vue build version to load with the `import` command 
// (runtime-only or standalone) has been set in webpack.base.conf with an 
alias. 
import Vue from 'vue' 
import App from './App' 
import router from './router' 

Vue.config.productionTip = false 

/* eslint-disable no-new */ 
new Vue({ 
el: '#app', 
router, 
template: '<App/>', 
components: { App } 
}) 

刪除這個文件仍然導致同樣的錯誤的內容，這可能暗示在的WebPack配置文件中的錯誤起源。

的entire project可在Github上。

與此錯誤任何人的經驗？幫助將不勝感激。

Answer 1

我以前從未使用過巴貝爾，但是這是什麼原因造成您的問題：

--- a/client/.babelrc 
+++ b/client/.babelrc 
@@ -5,10 +5,6 @@ 
    }], 
    "stage-2" 
    ], 
- "plugins": ({ 
- new webpack.DefinePlugin({ 
-   'process.env.NODE_ENV': JSON.stringify('development') 
-  }), 
    "env": { 
    "test": { 
     "presets": ["env", "stage-2"], 

進行上述更改讓我來運行本地服務器。

看起來可能是全局搜索&替換偏差去，因爲這些都是的WebPack配置文件有效行。