webstorm波浪线标红，设置完ES6之后依然标红

最新推荐文章于 2024-11-14 16:06:08 发布
原创 最新推荐文章于 2024-11-14 16:06:08 发布 · 1.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#es6

本文介绍了解决WebStorm中ES6语法高亮显示错误的方法，包括检查设置是否正确支持ES6以及如何解决即使已设置ES6仍然出现标红的问题。

问题：webstorm 没有语法错误，但有波浪线标红

在这里插入图片描述

解决：
1.如果没有设置兼容es6，去设置，一般就解决了

File —> settings —> JavaScript 
//下拉选择ES6

在这里插入图片描述

2.设置了es6，还是标红，啷个办？

在这里插入图片描述
在这里插入图片描述

注：如果设置完eslint还是标红，把当前文件关闭，重新打开就可以了

@阿呜
关注
完美解决Webstorm不支持nodejs等语法提示和补全
Dobility
02-17 1万+
问题 在使用 Webstorm 写 es6、node的时候，会出现没有语法提示甚至是产生波浪线，例如常用的 require, import 不仅是内置函数语法，不仅是 js，在一些第三方npm库（比如 element-ui），在 vue/html 等上也被黄色背景色标上“未知标签名”的语法提示 既影响美观，又不支持代码候选补全，实在对不起 WebStorm 前端开发利器的称号。  ...
WebStorm 中安装并使用Element-UI(入门)
go
06-29 9809
对于新手来说,如何安装在Vue项目中安装并使用Element-UI组件并不是很清楚,下面是我根据自己的经验实践总结 第一步 打开终端Terminal 打开WebStrom终端控制台Terminal,使用cd命令进入你已经创建好的vue项目 第二步 安装Element-UI 使用下面安装命令为你的vue项目安装Element-UI: npm i element-ui -S 安装完成后会出现如下界面,并有安装版本信息 第三步 查看是否安装成功 打开vue项目下的package.json文件,有elemen
webstorm已经设置了ES6还是出现了红色波浪警告（VUE-CLI项目中）
Mr丶Yang
06-19 5187
webstorm 版本为 2019.1.2 理论上来讲已经是最新版本，webstorm新版本自动兼容ES6 但是页面还是出现 红色波浪线 ，最后发现是 eslint 在自动监测 ，暴力解决方法：关闭它 ok,已经完美解决，快去试试吧！ ...
Webstorm语法没错误标红的解决办法
weixin_47932683的博客
02-06 1810
Webstorm没有语法错误出现标红的解决办法
WebStorm导入vue无语法错误报红解决方案
weixin_45848554的博客
12-07 5462
如图 当我们安装了WebStorm导入vue文件之后，无语法错误文件报红，我们可以按照以下步骤解决 一、打开设置找到下图位置，将javascript语言版本更改成ECMAScript6+ 一般情况下，点击apply就可以解决报红的问题。可是我的电脑当时就不是一般情况下，如果你也是和我一样设置了这里还是报红，下面走第二部 二、找到下图 把这里的设置改成Disable Eslint即可 ...
webstorm中es6红色波浪线报错
热门推荐
尹小姐的博客
02-23 1万+
webstorm中es6红色波浪线报错 **Webstrom -> Preferences -> Languages & FrameWorks -> JavaScript 选择ES6,然后重新打开以下文件** 设置–语言–javascript–选择es6版本，setting–language–javascript–ECMAScript 6.0； 简单做法，点击键盘...
webstrom出现大量红色波浪线，不影响启动
weixin_46605919的博客
03-09 409
import 也有波浪，亲试 百度前几个方法，没有解决 自动改为取消 完事
axios出现灰色波浪线
10-22
首先，用户的问题是：“我想查找axios出现灰色波浪线的原因及解决办法 请问axios出现灰色波浪线的原因和解决方法”。这是在询问为什么在代码中axios会出现灰色波浪线，以及如何解决这个问题。 我需要参考用户提供的...
使用axios出现灰色波浪线并显示Unresolved fiction or method axios()
最新发布
10-22
我们正在解决一个具体问题：在使用axios时，代码中出现灰色波浪线，并提示"Unresolved function or method axios()"。这个问题通常发生在JavaScript开发环境中，尤其是在使用WebStorm或IntelliJ IDEA等JetBrains系列...
webstorm引入爆红
01-11
这会导致即使实际环境中已经成功安装了所需的库，在编辑器里仍然看到红色波浪线警告。 为了修正这个问题，建议手动让 WebStorm 认识到 `.pnpm` 下的内容。具体操作是在设置中指定全局的 node_modules 路径指向本地...
webstorm 的es6设置之后还是出现红线的解决方式
weixin_37448356的博客
10-16 1万+
1,设置的时候我的mac 需要设置2个地方 在文件中设置之后 还要在preferences  和default 2这个是专制看着不舒服的实际是治标不治本  在webstorm下边有个设置高亮的地方 调节到前边2个就好了     3 这是个别人的问题  就是用webstorm打开代码的时候 需要检查打开的文件夹中是否含有其他 webstorm不支持的文本格式  如zip,xmin...
解决vue项目中import @/符号下有波浪线的问题
Ryan的博客
04-07 3312
当我们用webstorm打开一个别人写好的vue项目时，可能会遇到下面的情况： 在这里面@符号是代表src的意思，虽然有时项目也能跑起来，但是看到波浪想着实有些糟心。 这个问题解决其实很简单，他具体产生的原因在这篇文章中解释的很详细： https://juejin.cn/post/6844903802185891848 具体解决过程如下： 1.首先打开webstorm中file->setting,之后找到language&frameworks中javascript的webp.
webStorm上的typeScrpit代码出现红色波浪线，如何解决？
qq_32087711的博客
12-18 4568
1.打开webStorm的settings设置 2.选择editor，如下图操作 3.去除后点击添加完成，就可以解决了。
webstorm 打开prettier的项目代码后面会出现红色的波浪线
肖肖肖丽珠的博客
11-14 737
找到Editor下面的inspections ...按照图示取消勾选ESLint再点Apply ok。效果如图所有代码后面都有红色的波浪线。解决File-Settings。
webstrom 编写ant design pro 代码出现很多红色波浪线的解决方法
jjw_zyfx的博客
07-30 1414
或
webstrom没有语法错误，却有一堆烦人的红线
qq_37485170的博客
01-10 2339
ESlint是代码检测、规范开发人员代码用的，虽然挺牛逼的，能帮助我们纠错，但是那种不是语法错误，单纯的只是缩进、空格、单双引号之类报出的红色波浪线，丑的要命了，如下图。类似git的忽略文件，来个*忽略所有就行了。只要在对应的报错文件上加上这么一句注释即可。bingo，红色波浪线没了~就是这个，空js或直接删除。
WebStorm EsLint报红色波浪线
caohuixue_2021的博客
10-25 1205
这个错误是由于 ESLint 和 Prettier 的配置不一致导致的。它建议你移除多余的空格。确保你的 ESLint 和 Prettier 配置是统一的，这样可以减少这类的冲突。确保你在 WebStorm 中安装了 Prettier 插件，并确保它配置正确。格式化整个文件或者项目，可以使用快捷键或者通过菜单执行。如果你希望暂时忽略这个特定的错误，可以在。在 WebStorm 中，使用。确保你使用的是最新版本的。，以及它们的相关插件。
Web 报错 之 WebStorm vue文件编码格式报红（编码格式错误提示）的简单处理
仙魁XAN
10-17 6243
Web 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，在使用 Webstorm 编写 vue 文件的时候，代码没有错误，但是编码格式显示报错提示，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。
在Webstorm中配置Babel自动转码ES6到ES5的过程中，应该如何操作？
11-08
要在Webstorm中配置Babel以自动将ES6代码转码为浏览器兼容的ES5，你需要遵循以下步骤和注意一些关键点： 参考资源链接：[Webstorm配置Babel自动转码ES6到ES5教程](https://wenku.youkuaiyun.com/doc/7gw3xfxhdv?spm=1055.2569.3001.10343) 1. 确保你的Webstorm是最新版本，以便能够支持最新的插件和配置。 2. 创建一个新的项目，命名为“es6demo”。 3. 在项目根目录下创建`package.json`文件，可以通过Webstorm的`File > New > Package.json`快速创建。 4. 打开Webstorm的终端，运行`npm install --save-dev babel-cli`来安装Babel的命令行工具。 5. 在项目根目录下安装Babel的ES6预设，运行`npm install --save-dev babel-preset-es2015`。 6. 在`package.json`文件中添加一个`scripts`部分，以定义一个脚本命令来运行Babel转码。 7. 创建一个`.babelrc`文件在项目根目录，配置Babel的预设，例如： { 'presets': ['es2015'] } 8. 在Webstorm的`Preferences`中设置JavaScript语言版本为ECMAScript 6。 9. 开始编写你的ES6代码。编写完毕后，可以通过终端或者Webstorm中的运行配置来执行转码脚本，将ES6代码转换为ES5代码。 在配置过程中，需要注意以下几点： - 确保安装的Babel版本与项目兼容，因为Babel也是不断更新的。 - 检查`.babelrc`文件的配置是否正确，否则Babel可能无法识别ES6语法。 - 如果Webstorm没有识别到`.babelrc`文件，尝试重启Webstorm或者使用`File > Invalidate Caches / Restart...`功能。 - 根据实际需求，你可能还需要安装其他Babel插件，以支持更多ES6特性或进行其他特定的代码转译工作。 配置完成后，你可以通过编写ES6代码并运行Babel脚本来验证是否能够成功转码。这一步骤确保了你的项目能够利用ES6带来的优势，同时保持了对旧浏览器的兼容性。通过阅读《Webstorm配置Babel自动转码ES6到ES5教程》，你可以获得更为详细和系统的指导，帮助你深入理解整个配置过程。 参考资源链接：[Webstorm配置Babel自动转码ES6到ES5教程](https://wenku.youkuaiyun.com/doc/7gw3xfxhdv?spm=1055.2569.3001.10343)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值