nuxt.js 的项目中使用 import / export

使用npx create-nuxt-app创建Nuxt.js项目,项目默认使用require引入依赖


image.png

所以使用import 引入模块会报错

如果想要在项目中使用import引入模块需要通过引入babel
1 使用 npm install babel-cli -D 安装 babel
2 在package.json 文件中添加这两行代码


image.png

3 项目根目录下新建 .babelrc 文件
4 安装 npm install babel-preset-es2015 -D
5 在新建 .babelrc文件中添加引用


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容