使用npx create-nuxt-app創(chuàng)建Nuxt.js項(xiàng)目，項(xiàng)目默認(rèn)使用require引入依賴
我們打開server文件夾下的index.js，會(huì)發(fā)現(xiàn)文件中使用的是require
image.png
如果我們改成improt Koa from 'koa'，會(huì)提示Unexpected token import，也就是說無(wú)法識(shí)別import指令
我們執(zhí)行npm run dev實(shí)際執(zhí)行的是package.json中scripts中的命令
image.png
我們可以看到這邊是用node起server/index.js，nodemon本身是不支持用import的，之前項(xiàng)目中是用了babel做了處理，所以可以識(shí)別import指令，這個(gè)就是問題的關(guān)鍵所在。那么如何來(lái)處理呢？
解決方式：
前提：已安裝babel-cli，還沒安裝可通過npm install -g babel-cli安裝
- 修改package.json，結(jié)合babel處理
我們需要用nodemon和babel一起來(lái)執(zhí)行這個(gè)命令，在后面添加--exec babel-node
image.png - 在項(xiàng)目根目錄創(chuàng)建一個(gè)babel的配置文件
cd mt-app
touch .babelrc
- 打開babelrc文件，添加如下內(nèi)容：
{
"presets": ["es2015"]
}
image.png
- 安裝babel-preset-es2015
輸入命令npm install babel-preset-es2015和npm install -g babel-cli，等待安裝完成 - 重新運(yùn)行項(xiàng)目
npm run dev
