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配置文件有效行。