解决idea导入vue模板之后不支持es6语法，出现报错情况

最新推荐文章于 2022-12-30 09:33:05 发布
最新推荐文章于 2022-12-30 09:33:05 发布
阅读量800 收藏
点赞数 1
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36445861/article/details/108930045
版权

引用：https://blog.csdn.net/wangxy_job/article/details/106313488

不设置是这样的，报错信息：String templates are not supported by current JavaScript version

虽然程序能够正常运行，但是阅读代码时看起来非常难受。

原因：

上面代码其实使用的是es6的新语法，但是我们idea中设置的JavaScript的版本低于6，所以才出现上述问题。

怎么解决呢？

file>settings>Lauguages & Frameworks>javascript：将javascript languages version 修改为 ECMAScript 6

如图：

奇墨ITQM
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于在Vue组件中es6语法无法使用模板字符串和一些换行符怎么解决的
weixin_45867330的博客
05-22 3004
关于在Vue组件中es6语法无法使用模板字符串和一些换行符怎么解决的 遇到的问题 就是cotent：“RF第一行”，“RF第一行”，“RF第一行”有换行效果。如下：第一行 第二行第三行在一开始的时候，我是用 es6模板字符串实现不了，后面的就用\n 和<br>换行符号，发现不识别，然后用&nbsp 空格符号也不识别，然后就用/xa0这个，虽然识别但是呢，调节不好成换行效果。后面就开始尝试各种办法，听大神说可以使用pre code 实现但是我还是没有实验成功pre``code(后面来补充
关于vue项目在低版本浏览器中不支持ES6的解决方案
热门推荐
Kris的博客
11-01 1万+
原因：低版本浏览器内核版本太低，无法解析 ES2015最新的一些语法。 babel是一个转译器，把同种语言的高版本规则翻译成低版本规则 一般搭建项目时webpack会在最外层配置一个.babelrc文件用于默认解析ES2015（es6）中的特殊语法（例如： let，const，class等） 而babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterato...
[bug] VUE 的 template 中使用 ES6 语法导致页面空白
weixin_30258901的博客
03-14 242
如果你在 template 中，使用了 es6 及以上的语法，那么，在部分ios、安卓、微信浏览器中，打开页面后显示一片空白内容。如下： <ul id="example-1"> <li v-for="item in items.map(item => item.message)"> {{ item}} </li> </ul&...
新建的idea项目不支持ES6语法处理办法
a123789999的博客
04-13 578
在IDEA中对如下标签进行修改：File->settings->Languages & Frameworks->JavaScript 中的参数JavaScript language version更改为ECMAScript 6，apply之后即可使用ES6语法 ...
VUE-CLI3项目在IE不兼容报错 SCRIPT1002: 语法错误的解决
qq_43429002的博客
05-06 1174
安装插件 babel-polyfill npm install --save-dev babel-polyfill 然后在babel.config.js修改presets，内容如下： presets: [["@vue/app", {useBuiltIns: "entry",}]], main.js中顶部引入插件babel-polyfill import "babel-polyfill"; 注意：不行的话需要在vue.config.js里添加transpileDependencies要显示依.
Vue不能编译ES6语法的解决方案
FrozenNoodle的博客
03-28 7652
场景：在公司的私有npm服务器上install了一个包，包名叫做qd-spm2，这个包是公司同事用es6语法编写的。 步骤： 首先npm install --save qd-spm2 然后在main.js 里引入import SpmFactory2 from 'qd-spm2'; 最后在npm run dev的时候页面报错： 分析：报错信息明确提示，当前代码行不能被解析，也就是es...
IDEA中vue文件出现红色波浪线问题解决.pdf
12-16
确保这两个选项都设置为“ECMAScript 6”或更高版本，因为Vue.js主要使用ES6语法。 4. 设置完成后，点击右下角的“Apply”和“OK”按钮保存并关闭设置窗口。 5. 最后，重启IDEA，让更改生效。 方法二：禁用特定代码...
IntelliJ IDEA编辑器配置vue高亮显示
10-16
IntelliJ IDEA作为一款强大的Java IDE，同样支持Vue.js的开发。本篇文章将详细讲解如何在IntelliJ IDEA中配置Vue.js的高亮显示，以便在编写Vue代码时获得更好的视觉体验和开发效率。 首先，我们需要确保IntelliJ ...
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
10-19
在本文中，我们将深入探讨如何在WebStorm中为Vue.js单文件组件添加高亮显示和语法支持，这对于Vue开发者来说是非常实用的技巧。Vue.js是一个流行的前端框架，而WebStorm是一款强大的JavaScript集成开发环境（IDE），...
idea vuejs插件
05-27
在`<script>`部分，插件可以识别Vue实例的属性和方法，同时支持ES6语法。在`<template>`部分，它可以解析指令和组件，提供模板语法的智能提示。 此外，Vue.js插件还集成了一些实用功能，如Vue Router和Vuex的智能...
聊聊Vue的template编译
kalvin_y_liu的博客
12-30 404
optimize的主要作用是标记static静态节点，这是Vue在编译过程中的一处优化，后面当update更新界面时，会有一个patch的过程，diff算法会直接跳过静态节点，从而减少了比较的过程，优化了patch的性能。通过这些函数，render函数最后会返回一个VNode节点，在_update的时候，经过patch与之前的VNode节点进行比较，得出差异后将这些差异渲染到真实的DOM上。看了render function字符串，发现有大量的_c，_v，_s，_q，这些函数究竟是什么？
vue基本的使用模板语法和其他的特性
weixin_45568391的博客
10-10 462
Vue模板语法 文本 在html中通过{{}}（双大括号）中可以把Vue对象中的数据插入到网页中。并且只要Vue对象上对应的值发生改变了，那么html中双大括号中的值也会立马改变。 <div id="app"> <p>{{username}}</p> <button v-on:click="change">点击修改</button> </div> <script> let vm = new Vue({
idea 提示 string template are not supported current JavaScrip Version 的解决【笔记】
csdn_am的博客
04-12 4138
当我们第一次使用idea 打开一个项目，打开其中的js文件时，会出现个如下错误意思是不支持当前js版本，这里是我的代码js版本较高，但是idea默认的js版本较低，这时点击File点击settings如图所示将js升级成你需要的版本就可以了，这里我用的是 React-JSX...
idea创建vue模板文件
小志的博客
09-16 7063
1、步骤如下图： 下图中模板内容如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>#[[$Title$]]#</title> </head> <body> #[[$END$]]# </body...
idea导入VUE项目报错
北极的企鹅
05-30 2194
IDEA导入vue项目，需要添加vue插件
记解决 vue2 中引入ES6或jsx写法库报错问题
Name_CGH的博客
01-08 8617
前言 想自己写一个类似 element-ui 的组件库，就想着看看 element 是怎么实现的，但是在直接引入源码编译到项目的时候遇到了很多报错的问题，所以以这篇文章记录下 正文 用 vue-cli 搭建好项目后，在项目里下载了 element-ui 库，然后在main文件中引入，测试使用正常。然后把 node_modules/element-ui 文件夹的 package.json 里面的入口文件改成 src/index.js 运行，发现提示运行错误 显示这样是因为 element-ui 2.7以上版
vue/cli2和cli3框架下bable解决es6语法不兼容问题，适用于ie11，ie10的项目兼容。
SilenceJude的博客
09-21 4191
我们引用一些第三方插件的时候，经常会出现node_modules中的es6语法没有被转换导致报错，而且这样的报错往往比较奇怪，无法直观的根据报错信息查看原因。 例如缺少“；”，“无法识别”，等乱起八糟的报错。 此时一般是通过babel来解决。 对于vue/cli2脚手架搭建的项目来说，babel其实已经引入了，.babelrc文件也已经创建好了。 但是实际操作的过程中，我们还是需要进行一些配置。 配置文件位置是 build/webpack.base.conf.js 然后找到module——rules 找到b
idea 添加 VUE 的语法支持和开发
weixin_30394981的博客
07-20 1608
《一》VUE的开发分两种，一种是直接在HTML文件中使用，一种是VUE文件的形式开发 1，首先我们先让 HTML 文件支持 VUE 的语法指令提示 2，File -> Setting -> Edit -> Inspections -> html 3，点击上图最右侧红框内的按钮，在弹框内输入一下内容，还可以根据自己的喜好，设置更多的提示 @tap@tap.stop...
开发笔记 - IDEA无法使用ES6变量，语法
yang1780409810的博客
01-08 1801
用idea使用ES6 -&gt;const和let变量值，提示Const/let definitions are not supported by current JavaScript version 解决方法： 左上角-》File-》settings-》搜索javaScript 找到下图内容进行设置 这样就可以使用es6相关特性了。 ...
vuepress1不支持es6语法
最新发布
05-24
当然，由于 VuePress 是基于 Node.js 运行的，因此你需要注意 Node.js 对 ES6 特性的支持情况，例如在某些版本的 Node.js 中可能需要使用 Babel 等工具进行转换才能兼容某些语法特性。如果您有其他问题，请随时提出...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值