解决eslint与webstorm关于script标签的缩进问题

最新推荐文章于 2023-02-27 21:47:30 发布
原创 最新推荐文章于 2023-02-27 21:47:30 发布 · 770 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文提供了解决ESLint与WebStorm中关于script标签缩进报错的两步解决方案。首先，通过正确配置script标签，使export能够顶格书写；其次，调整javascript的space设置，确保代码格式化后无误。

解决eslint与webstorm关于script标签的缩进报错问题，

第一步，添加script(参照最后一张图片)，完成第一步基本就可以了，只要export可以顶格写，就成功了；试一下：全选（ctrl+A）,然后格式化代码（Ctrl+Alt+L）。

第二部，如果第一步不行，还有报错，就设置一下javascript的space(空格位置设置)

å¨è¿éæå¥å¾çæè¿°

wwf1225
关注
解决eslint与webstorm/hbuildx等关于script标签的缩进问题
D.D.U的博客
11-07 1017
问题重现 在vue-cli中，使用eslint时会对代码进行校验，其在.vue文件中支持的是不缩进，如下所示： <script> import HelloWorld from './components/HelloWorld' export default { name: 'App', components: { HelloWorld } } </scrip...
eslint 关闭首行缩进
最新发布
02-11
### 关闭 ESLint 首行缩进检查 为了禁用 ESLint 对首行缩进的检查，在 `package.json` 文件中的 `eslintConfig.rules` 下添加...通过上述方法能够有效阻止 ESLint 报告关于首行缩进的问题，并让开发环境适应这一更改。
webstrom软件js全部error-js缩进判断故障-ESLint:Expected indentation of X spaces but found Y
ex_xyz的博客
06-08 396
webstrom软件js全部error-js缩进判断故障-ESLint:Expected indentation of X spaces but found Y
vue3+eslint7.32.0 自动修复规范代码 开发工具 webstorm
h5433的博客
03-29 7822
安装指定的eslint //package.json 的devDependencies 加上 运行npm i "babel-eslint": "^10.1.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^3.4.0", "eslint-plugin-vue": "^7.13.0", 设置eslint 规则文件.eslintrc.js
.vue 文件中 script 标签出现缩进问题
weixin_44119268的博客
02-27 975
在.vue文件中的script出现缩进问题，报错如下: Expected indentation of 0 spaces but found 2.
WebStorm VUE代码格式化后ESLINT报错缩进问题,重新配置代码格式化的方法
zyzhan
03-02 2807
WebStorm配置代码格式化 配置WebStorm的代码格式化功能，使自动代码格式后符合ESLint+Prettier代码检测规范。 通过vue-cli脚手架工具搭建vue项目时，会让我们选择是否配置ESLint（代码检测工具），很多人会选择No，因为一旦有了检测，会降低开发效率（经常报错）。 　　但我在实际工作中会选择配置它。 　　因为一方面可以养成良好的代码习惯，写出来的代码可读性高， ...
彻底解决eslint与webstorm针对vue的script标签缩进处理方式冲突问题
weixin_30575309的博客
06-23 471
彻底解决eslint与webstorm针对vue的script标签缩进处理方式冲突问题 2018年12月08日 21:58:26Kevin395阅读数 1753 背景不多介绍了，直接上代码。 打开项目根上下的.eslintrc.js，将rules节点中添加以下配置项。 rules: { 'vue/script-indent': ['e...
webstorm或phpstorm配置CSS或JS压缩
User1218的博客
02-21 1万+
webstorm或phpstorm配置YUI Compressor CSS 或  YUI Compressor JS压缩 1，准备材料 Webstorm或phpstorm   Yuicompressor.jar   地址：http://download.youkuaiyun.com/download/w123456h19/5624633   安装java          直接下载地址
配置web.xml文件时出现Element web-app must be declared错误的解决办法
xiong_backbone的博客
05-19 7522
今天在使用maven创建web项目配置web.xml文件时出现了Element web-app must be declared问题，起因是默认的xml文件中的内容如下： 为了保证web-app版本与Tomcat版本匹配，需要将此内容进行修改，由于没有考虑到Tomcat版本问题，就找了一个下图的内容复制，结果报了Element web-app must be declared错误； **解决办法：**去自己的Tomcat文件夹的conf文件夹中找到web.xml文件，然后复制如图的内容粘贴到web.xm
错误：Element type "select" must be declared.
aspnetandjava的专栏
12-10 1万+
在刚刚学习ibatis时，使用的jar包是ibatis-sqlmap-2.3.4.726-sources.jar，一运行就碰到了异常：Element type "select" must be declared.网上查了好久也没有找到是什么原因造成的，后来自己从网上下载了一个ibatis-2.3.4.726.zip查看里面的例子，一对照自己的配置就发现了问题所在是因为我违背了DTD的声明格式。
bug解决：Element xxx must be declared
zhang___yong的博客
07-10 1万+
在打包的时候报了这个错误·，具体报错的文件是一个animation-list标签的xml文件。 原因在于AS有类型检查，drawable文件必须放在drawable文件夹下，不只是这个标签的元素，如果其他的元素报了这个错，一般也是因为没有放到正确的文件夹下。 这里我把这个文件放到了anim下，移动到drawable问题就解决了。
webStorm修改缩进排版
逸尘的专栏
07-07 2万+
**菜单选项入口：**File->Setting->Editor->Code Style->JavaScript页面中选择 tabs and indents标签： cnnode源代码，用webstorm打开，indent缩排时2，而webstorm默认时4，在换行的时候总是多出两个空格，将webstorm中的indent修改成2。
彻底解决eslint与webstorm针对vue的script标签缩进处理方式冲突问题（附图）
大道至简
12-08 7702
背景不多介绍了，直接上代码。 打开.eslintrc.js，将rules节点中添加以下配置项。 rules: { 'vue/script-indent': ['error', 2, {'baseIndent': 1}] } 其中第1个2是指统一缩进2个空格，第2个1是指1倍缩进。 ...
【Android】Android开发之XML文件Element XXXX must be declared的解决方法
技术博客
10-19 1万+
作者：程序员小冰 （转载请说明出处）博客地址：http://blog.youkuaiyun.com/qq_21376985长期维护的Android项目，里面包括常用功能实现，以及知识点详解， 当然还有Java中的知识点。具体请看github：https://github.com/QQ986945193/DavidAndroidProjectTools当我在写自定义动画的时候，在anim放置我的xml布局文件，突
Android Studio报Element XXXX must be declared的解决方法
热门推荐
小工匠
04-16 4万+
情景在线Element animation-list must be declared在编写帧动画的xml文件时，将动画的xml文件放到了 res/anim目录中<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" an
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值