慕課網前端工程師晉升課程 Vue全家桶+SSR+Koa2全棧開發美團網前端
視頻裏用 npx create-nuxt-app mt-app建立項目後,不能使用import ...from...。跟着老師修改webpack.js裏的文件。修改以下vue
"scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node", //修改內容 --exec babel-node "build": "nuxt build", "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",//修改內容 --exec babel-node
"generate": "nuxt generate"
},
接着在項目目錄建立 .babeltc文件,文件配置以下node
{ "presets": ["es2015"] }
接着安裝 npm install babel-preset-es2015,而後運行時,出現錯誤webpack
$ npm run dev > mt-app@1.0.0 dev D:\text\vue\mt-app > cross-env NODE_ENV=development nodemon --exec babel-node server/index.js --watch server [nodemon] 1.19.1 [nodemon] to restart at any time, enter `rs` [nodemon] watching: D:\text\vue\mt-app\server/**/* [nodemon] starting `babel-node server/index.js` 'babel-node' ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еij▒▒▒ ▒▒▒▒▒▒▒▒▒ļ▒▒▒ [nodemon] app crashed - waiting for file changes before starting...
解決方法:web
安裝的時候須要安裝另外兩個babel-core和babel-cli,即: npm i babel-core babel-preset-es2015 babel-clinpm
問題解決babel