Nuxt项目踩坑实录

新建完Nuxt项目之后进行如下命令配置

"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",
    // 语法检查
    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "lint": "npm run lint:js"
}

运行npm run dev后出现的问题

1. cross-env不是内部或外部命令，也不是可运行程序

   解决方案：npm i --save-dev cross-env

2. babel-node不是内部或外部命令，也不是可运行程序

   解决方案：

   这一项主要是为了解决高级语法兼容问题。

   首先npm i babel-preset-es2015；

   然后在项目根目录下新建 .babelrc 文件，并进行如下配置：

   {
       "presets":["es2015"]
   }
   

   最后执行cnpm i babel-core babel-preset-es2015 babel-cli