使用npx create-nuxt-app创建Nuxt.js项目,项目默认使用require引入依赖
我们打开server
文件夹下的index.js
,会发现文件中使用的是require
如果我们改成improt Koa from 'koa'
,会提示Unexpected token import
,也就是说无法识别import
指令
我们执行npm run dev
实际执行的是package.json
中scripts
中的命令
我们可以看到这边是用node
起server/index.js
,nodemon
本身是不支持用import
的,之前项目中是用了babel
做了处理,所以可以识别import
指令,这个就是问题的关键所在。那么如何来处理呢?
解决方式:
前提:已安装babel-cli,还没安装可通过npm install -g babel-cli安装
- 修改package.json,结合babel处理
我们需要用nodemon
和babel
一起来执行这个命令,在后面添加--exec babel-node
- 在项目根目录创建一个babel的配置文件
cd mt-app
touch .babelrc
- 打开babelrc文件,添加如下内容:
{
"presets": ["es2015"]
}
- 安装babel-preset-es2015
输入命令npm install babel-preset-es2015
和npm install -g babel-cli
,等待安装完成 - 重新运行项目
npm run dev