Nuxt.js项目不识别import原因及解决方法
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/
總結(jié)
以上是生活随笔為你收集整理的Nuxt.js项目不识别import原因及解决方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: qq飞车如何重新实名认证(QQ官方下载)
- 下一篇: Weex Project (npm ru