nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案

node本身并不支持es6语法,我们通常在vue项目中使用es6语法,是因为,我们使用babel做过处理,
为了让项目支持es6语法,我们必须同时使用babel 去启动我们的程序,所以再启动程序中加 --exec babel-node,让node 和babel-node同时启动程序

需要在package.json文件夹中

"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": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"
  },

然后我们在项目根目录中新建.babelrc配置文件,配置指令集

{
  "presets": ["es2015"]
}

然后安装babel-preset-es2015;

npm install babel-preset-es2015
npm install babel-cli -g

原文地址:https://www.cnblogs.com/jkingdom/p/10646535.html

时间: 2024-08-10 19:39:48

nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案的相关文章

【vue】如何在 Vue-cli 创建的项目中引入 iView

根据vue项目的搭建教程,以下记录如何在Vue-cli创建的项目中引入iView. 1)iView的安装,在项目下使用 npm 安装iView cnpm install  iview  --save 2)在 webpack 入口页面 main.js   (E:\managerSys\manager-sys\src\main.js)中 添加 如下配置: import iView from 'iview'; // 导入组件库import 'iview/dist/styles/iview.css';

【vue】如何在 Vue-cli 创建的项目中引入iView

根据vue项目的搭建教程,一下记录下如何在Vue-cli创建的项目中引入iView. 1)安装iView,在项目下 cnpm install  iview  --save 2 ) 在 webpack 入口页面 main.js (E:\managerSys\manager-sys\src\main.js)中配置 import iView from 'iview'; // 导入组件库import 'iview/dist/styles/iview.css'; // 导入样式 Vue.use(iView

Windows Presentation Foundation (WPF) 项目中不支持xxx的解决

一般Windows Presentation Foundation (WPF) 项目中不支持xxx都是由于没引用相应的程序集导致,比如Windows Presentation Foundation (WPF) 项目中不支持RotateTransform是由于没有引用PresentationCore程序集,引用即可解决问题. 原文地址:https://www.cnblogs.com/ssvip/p/9528882.html

使用babel转码器,让浏览器支持es6语法

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,可是很多浏览器并不支持es6语法,所以我们需要一个转码工具, 把es6的语法转换成浏览器支持的javascript,Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码.在babel的安装设置里我选用的是使用node 来进行安装. 1.在你的项目下输入命令: npm install --save-dev babel-core 按回车健,运行如下: 2.配置文件.babelrc 在项目根目

create-react-app创建的项目中registerServiceWorker.js文件的作用

使用React官方的脚手架工具create-react-app创建的项目,目录中会存在registerServiceWorker.js这个文件,这个文件的作用是什么呢? 这个文件可以使用也可以不使用,使用它可以使你的react项目变成一个PWA(Progressive Web Application), 也就是说,在线上,只要访问过一次你的网站,下一次即使没有网络,这个应用依然可以被访问.当然,它的好处不仅这么一点点,在移动端打开项目时,如果你用的是chrome或者firefox这样的高级浏览器

在 Vue-cli 创建的项目中引入 Element-UI

Element-UI 是饿了么前端团队退出了一套基于 vue.js 开发的 UI 组件库,在与 Vue-cli 创建的项目结合时,需要做以下配置: 1. 安装 loader 模块 cnpm install style-loader -D cnpm install css-loader -D cnpm install file-loader -D 2. 安装 Element-UI 模块 cnpm install element-ui -S 3. 修改 webpack.base.conf.js 的配

2.如何用vue-cli3.x脚手架创建一个项目

在合适的文件夹选择cmd窗口运行 vue init webpack my-first 出现下面的问题说明之前的vue init创建命令不能用了,现在3.xx了首先命令行输入vue -V 查看版本号vue init webpack hello-world 已经替换为 vue create hello-world按<上下键>移动,按<space>进行是否选定[空格键选择],按<a>切换所有,按<i>反转选择default是默认配置manually自定义配置一般选

当项目中出现“未能找到与此解决方案关联的源代码管理提供程序。项目将视为不受源代码管理”

解决方法:1.vs2013打开项目, 2.提示“您正在打开的解决方案已绑定到以下Team Foundation Server上的源代码管理:http://IP:端口/tfs/defaultcollection.是否要联系此服务器以尝试启用源代码管理集成” 3.选“否N” 4.提示“解决方案看起来是受源代码管理,但无法找到他的绑定信息.由于无法自动恢复这些缺少的信息,缺少绑定的项目将被视为不受源代码管理.” 选“确定” 5.在右边的解决方案资源管理器中,在每个项目上右键>>编辑**.csproj

如何让浏览器支持ES6语法,步骤详细到小学生都能看懂!

为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的ES6代码,好比浏览器根本看不懂我写的let和const是什么东西?只能报错了.这就是浏览器对ES6的兼容性问题. 好消息 哪里有灾难,哪里就有勇士和救兵,针对ES6的兼容性问题,很多团队为此开发出了多种语法解析转换工具,把我们写的ES6语法转换成ES5,相当于