2017-12-03 1 views
0

무료 코드 캠프 자습서는 building a full stack web application with Express and Vue.js에 있습니다. 클라이언트 서버를 시작하면이 오류 :Webpack "오류가 발생했습니다 ./src/main.js 구문 오류 :"({ n new webpack.Def ""

Error log

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 } 
}) 

오류가 웹팩 구성 파일에서 유래 제안 수있는이 파일 여전히 같은 오류가 발생합니다의 내용을 삭제 .

entire project은 Github에서 사용할 수 있습니다.

아무도이 오류가 있습니까? 도움말 크게 감사하겠습니다.

답변

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 구성 파일의 유효한 줄이므로 awry로 바뀌 었습니다.

관련 문제