慕課網前端工程師晉升課程 Vue全家桶+SSR+Koa2全棧開發美團網
視頻里用 npx create-nuxt-app mt-app創建項目后,不能使用import ...from...。跟着老師修改webpack.js里的文件。修改如下
"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文件,文件配置如下
{ "presets": ["es2015"] }
接着安裝 npm install babel-preset-es2015,然后運行時,出現錯誤
$ 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...
解決方法:
安裝的時候需要安裝另外兩個babel-core和babel-cli,即: npm i babel-core babel-preset-es2015 babel-cli
問題解決