1、問題

使用npx create-nuxt-app創(chuàng)建Nuxt.js項(xiàng)目，項(xiàng)目默認(rèn)使用require引入依賴，如下：

平時(shí)習(xí)慣使用import，改為import Koa from 'koa'會(huì)報(bào)SyntaxError: Unexpected identifier，即不識(shí)別import錯(cuò)誤。

2、原因

通過package.json可以看到，使用npx create-nuxt-app創(chuàng)建出來的Nuxt.js項(xiàng)目在npm run dev時(shí)直接使用node編譯index.js，我們之前寫的項(xiàng)目之所以可以，是因?yàn)橛杏胋abel去處理，也就是說，node本身是不支持這種語法的。

3、解決方法

前提：已安裝babel-cli，還沒安裝可通過npm install -g babel-cli安裝
①、修改package.json，結(jié)合babel處理

②、項(xiàng)目根目錄創(chuàng)建babel配置文件并配置

③、安裝babel-preset-es2015

④、重新運(yùn)行項(xiàng)目

更新(2019.01.09)：

目前babel-preset-es2015已經(jīng)不推薦使用，如下：

建議使用babel-preset-env代替：

官網(wǎng)：https://babeljs.io/docs/en/env/

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的Nuxt.js项目不识别import原因及解决方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。