1、問題

使用npx create-nuxt-app創建Nuxt.js項目，項目默認使用require引入依賴，如下：

平時習慣使用import，改為import Koa from 'koa'會報SyntaxError: Unexpected identifier，即不識別import錯誤。

2、原因

通過package.json可以看到，使用npx create-nuxt-app創建出來的Nuxt.js項目在npm run dev時直接使用node編譯index.js，我們之前寫的項目之所以可以，是因為有用babel去處理，也就是說，node本身是不支持這種語法的。

3、解決方法

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

②、項目根目錄創建babel配置文件并配置

③、安裝babel-preset-es2015

④、重新運行項目

更新(2019.01.09)：

目前babel-preset-es2015已經不推薦使用，如下：

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

官網：https://babeljs.io/docs/en/env/

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。