nuxt.js 脚手架搭建项目中不支持ES6语法 ---- 解决办法

最新推荐文章于 2024-05-04 10:22:02 发布
最新推荐文章于 2024-05-04 10:22:02 发布
阅读量1.8k 收藏 2
点赞数 1
分类专栏： VUE 文章标签： Nuxt 脚手架搭建项目不支持ES6语法完美解决方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Riona_cheng/article/details/103143058
版权
本文介绍了在nuxt.js脚手架搭建的项目中遇到不支持ES6语法的问题及其解决方法。通过在package.json中添加babel-node启用配置，创建.babelrc文件并配置指令集，以及安装babel-preset-es2015，可以使得项目顺利支持ES6模块语法。
摘要由CSDN通过智能技术生成
nuxt脚手架创建项目
  1. 创建项目
npx  create-nuxt-app  project-app
  1. 运行项目
cd project-app
npm run dev
项目默认为CommonJs语法

由于node.js本身是不支持ES6语法的，我们在其他Vue项目中使用的ES6语法，都是通过babel进行过转译处理的。而这里nuxt框架中，并没有帮助我们默认的转译处理。如果想继续使用ES6模块语法，就需要我们在启动程序中添加配置 并 配置babel的指令集。

解决方法 ----（使支持es6模块语法）
  1. 在package.json中添加启用配
最低0.47元/天 解锁文章
stylelint-module:Nuxt.js的Stylelint模块
05-17
nuxtjs / stylelint-module Nuxt.js的Stylelint模块要求您需要确保已安装stylelint ： yarn add --dev stylelint # or npm install --save-dev stylelint设置将@nuxtjs/stylelint-module依赖项添加到您的项目中yarn ...
使用nuxt.js官方脚手架构建koa2的es6编译问题
weixin_33913377的博客
12-10 276
最近在学用nuxt集成koa2做vue后台，发现官方自带脚手架搭建的koa2使用的仍是es5语法，如果想用es6怎么办呢? 这是由于自带脚手架在构建koa2时默认的nodemon是没有使用babel编译的，所以我们首先需要在启动命令后加上 --exec babel-node "scripts": { "dev": "cross-e...
解决nuxt官方脚手架的一些坑：1、支持es6+语法 2、样式支持sass
web前端开发
02-27 2286
1、支持ES6+语法，以server/index.js为例，将require修改为ES6的import模式：     初始化：       解决方法：      （1）修改package.json文件，在“dev”和“start”命令后面新增：--exec babel-node              （2）项目根目录下新增babel配置文件“.babelrc”文件，写入以下配置 ...
nuxt脚手架创建nuxt项目，不支持ES6语法以及运行nuxt项目，babel-node不是内部或外部命令，也不是可运行的程序
o3otxl的博客
06-23 2777
nuxt项目，不支持ES6语法，需要babel进行转换 首先，在package.json中 dev 和start后加入--exec babel-node 然后在mt-app中创建一个.babelrc的文件，输入如下内容 然后执行指令npm i babel-core babel-preset-es2015 babel-cli 再用npm run dev运行项目。 ...
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案
asdfgh0077的博客
07-05 262
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案
Nuxt.js项目搭建配置踩坑
weixin_30632089的博客
06-25 1957
公司项目需要用到nuxt.js的服务端渲染，所以使用了nuxt.js官方的脚手架搭建了项目，在这儿记录一些搭建过程中踩过的坑。 IE9的适配问题 IE9是一个老大难的问题，因为它不支持ES6的语法，而且ie9也不知路由中的history模式，所以我在这儿暂时的解决办法如下。文档>> // nuxt.config.js /* ** Global router midd...
javascript/typescript模块那些事儿：commonJS和ES module
曲折旅程，艰难人生
01-14 1131
javascript模块最核心的写法
浏览器中不能使用ES6的扩展语法...报错
最新发布
Keep trying, keep going
05-04 723
，包括Chrome、Firefox、Safari和Edge等。浏览器大多数已经支持ES6（ECMAScript 2015）的扩展语法（
gtm-module:适用于Nuxt.js的Google跟踪代码管理器模块
03-21
将@nuxtjs/gtm依赖项添加到您的项目中 yarn add @nuxtjs/gtm # or npm install @nuxtjs/gtm 添加@nuxtjs/gtm到modules的部分nuxt.config.js export default { modules : [ '@nuxtjs/gtm' , ] , gtm : { id : '...
nuxt-sanity:轻松将Sanity集成到您的Nuxt.js项目中
05-06
将带有yarn或npm的nuxt-sanity依赖项添加到您的项目中 yarn add nuxt - sanity // or npm install nuxt-sanity 添加nuxt-sanity的modules的部分nuxt.config.js { modules : [ 'nuxt-sanity' ] } 配置模块： {...
nuxt-lazysizes:Nuxt.js的Lazysizes模块
05-14
将nuxt-lazysizes依赖项添加到您的项目中 $ npm install --save-dev nuxt-lazysizes # or yarn add --dev nuxt-lazysizes 添加nuxt-lazysizes到buildModules的部分nuxt.config.js // nuxt.config.js export default...
详解Nuxt.js中使用Element-UI填坑
10-16
主要介绍了详解Nuxt.js中使用Element-UI填坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
nuxt使用core-js在ie11下的兼容性问题处理
warrah 南极狼
08-05 2912
nuxt ie兼容性问题
node之手写脚手架
Welkin_qing的博客
09-07 2004
文章目录一、初始化cli工具（1）创建文件（2）执行文件二、动态获取版本号（1）创建（2）使用三、自定义配置命令（1）配置reflect（2）配置命令行数组（3）配置help命令四、配置create命令（1）配置路径（2）创建create文件（3）通过axios拉取github上的模板信息1. 安装axios2. 获取github上的模板信息3. 设置loading加载样式a. 安装b. 函数如下c. 调用如下4. 设置终端选择功能a. 安装c. 函数如下5. 获取github模板上的版本信息a. 获取ve
nuxt 运行项目后 中总是报错
weixin_30467087的博客
01-05 281
报错的内容： nuxt.config.js中的图片 如果出现第一张图的中的错误： 　　请注释掉第二张图中extend里面的loader：‘eslit-loader’,或者把extend里面if下面的内容全部注释掉错误就会消失。 出现错误的原因： 　　是用了es6,我们的代码不规范造成的。 最近在做服务器渲染，遇到了这个坑，记录下来，自己留个底和供大家参考一下，少浪费大家时...
nuxt.js中server兼容ES6的写法
TIANCHUANG8887的博客
07-17 510
1.前提已安装babel-cli，还没安装可通过npm install--save-dev babel-cli安装 2.在package.json文件中，增加红线部分 3.安装npm install--save-dev babel-preset-env 4.然后在.babelrc文件中 转载于:https://www.cnblogs.com/fanbulaile...
前端知识4:npm安装包的使用及解决ES6语法兼容性问题
weixin_41380194的博客
11-29 1904
没有webpack之前，搜索真个node_modules目录来定位每个包的路径，再手动添加到html中，如下： 这样很不方便。 大多数编程语言都会提供从一个文件导入另一个文件代码的机制，javaScript 初期没有这个特性，所以初期组织多个文件的javaScript代码就是把每个文件下载下来。变量是全局共享的 导入有以下三种方式： CommonJs中很大的一部分便是对模块系统的规范 使用require语句导入包 ES6使用import导入 先用requeire在js文件中导入其他js文件。例如：cons
2.nuxt.js使用es6语法支持sass
XD
09-27 454
支持es6 初始化，修改server/index.js 修改package.json，在dev start后加--exec-babel-node 在根目录下新建.babelrc文件，并配置 项目中安装依赖 npm i babel-cli // 这是babel解释器的客户端主程序 npm i babel-core // babel的核心文件 npm i babel-preset-es201...
vue 全局封装loading
Riona_cheng的博客
08-27 8022
每个项目都会用到的loading加载...在这里做个封装记录，以便后期的复用
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值