nuxt官方脚手架创建项目中使用import xx form 'xx'替代 const xx=require('xx')

如果将

const Koa = require('koa')

改为

  import Koa from 'koa';

会提示 Unexpected identifier或者 Unexpected token import
出现这种提示是因为 package.json里

"scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js",
    "generate": "nuxt generate"
  }

我们启动项目执行的命令是npm run dev 使用 nodemon 运行server/index.js
node本身不支持import xx from ‘xx’ 这种写法，需要使用babel处理
首先需要安装 npm install babel-preset-es2015
然后在package.json 找到"scripts" 里面的 “dev"和"start” ,在后面添加 --exec babel-node

 "scripts": {
        "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
        "build": "nuxt build",
        "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
        "generate": "nuxt generate"
      }

最后在项目根目录下面创建.babelrc文件 window系统下把文件命名成**.babelrc.**即可
在.babelrc文件里写入
{
“presets”: [“es2015”]
}

这个时候 执行npm run dev 或者 npm run start 就不会报错了