使用npx create-nuxt-app創(chuàng)建Nuxt.js項(xiàng)目，項(xiàng)目默認(rèn)使用require引入依賴
我們打開(kāi)server文件夾下的index.js览芳，會(huì)發(fā)現(xiàn)文件中使用的是require
image.png
如果我們改成improt Koa from 'koa'，會(huì)提示Unexpected token import次乓，也就是說(shuō)無(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è)就是問(wèn)題的關(guān)鍵所在螟蒸。那么如何來(lái)處理呢？
解決方式：
前提：已安裝babel-cli崩掘，還沒(méi)安裝可通過(guò)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
- 打開(kāi)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
