适用于JavaScript和相关框架的可插入linting实用程序。
我正在学习JavaScript,并且是绝对的初学者。安装Eslint和Prettier后,我在Visual Studio代码中的设置中复制此代码。在第一行中,它正在显示设置。 JSON 1中的1个问题,预期文件结束。 即使删除了卷曲支架,问题也无法解决。 如果有人可以帮助解决此问题:
为什么Eslint不断抱怨未使用的React Prop,此代码没有任何问题。按预期工作。 “图标”道具用于代码。 const pagelink =({ICON:ICON,
i在package.json中添加了 - fix选项。 “脚本”:{ ... “ Lint”:“ Next Lint -Fix” } 这就是我的.eslintrc.json的样子 { &
Sort-imports
我尝试了多种方法来使以下结构有效,这是一个问题。有技巧吗? .eslint.js “导入/订单”:[ “错误”, { ...
我如何创建一个使用ESLINT + Standardjs + Prettier的VUE 2项目? Standardjs的规则自然应该优先优先。 Vue Create仅提供以下选项: 埃斯林...
我的代码可以进行正则匹配,并具有一些可选的捕获组。代码看起来像这样:
我的代码,查看第四次匹配结果,可能存在也可能不存在。如果我在尝试使用之前不存在
eSlint规则要警告打字稿的Erasablesyntaxonlyflag
typescript正在启动v5.8中的erasablesyntaxonly标志,如果您使用类中的枚举或参数属性之类的内容,该标志将丢弃错误(有关更多详细信息,请参见文章)。 当我启用...
如何在定义Ionic Vue Methods内嵌套范围的``eslint错误''中如何解决ESLINT错误
导入{ionpage, </desc> <question vote="9">I有一个离子VUE应用程序,该应用程序使用<p><code>slides</code><pre>组件每次过渡时都会修改反应性属性。相关代码是这样的:</pre> </p><code><script lang="ts"> import { IonPage, IonContent, IonSlides, IonSlide,} from '@ionic/vue' export default { name: 'Splash', components: { IonPage, IonContent, IonSlides, IonSlide,}, data() { return { contentClass: 'bg-gradient-1', } }, setup() { const slideOpts = { autoplay: { delay: 4000, }, } return { slideOpts } }, methods: { slideChange({ target }) { const vm = this target.getActiveIndex().then((i) => { vm.contentClass = 'bg-gradient-' + i }) }, }, } </script> </code><pre> </pre>这将生成以下错误:<p> </p><p><code>Unexpected aliasing of 'this' to local variable @typescript-eslint/no-this-alias</code><pre></pre> </p>我使用的原因是因为一旦进入<p><code>const vm = this</code><pre>方法,</pre><code>getActiveIndex</code><pre>的范围就会更改,我无法修改</pre><code>this</code><pre>数据属性。 </pre>术不仅是盲目禁用ESLINT规则以允许将<pre><code>contentClass</code></pre>分配给一个常数,我想知道是否有人能够提供更好/适当的解决方案? thismany谢谢 </p> <p> 是的,有一个解决方案。您可以在Eslint配置文件<pre>中添加以下对象 </pre><code>this</code></p> <p>有关更多信息,还可以查看TSLINT:</p>no-this-Assignment</question><answer tick="true" vote="9"> <p> </p> <pre>也可以通过不使用</pre><code>{ "@typescript-eslint/no-this-alias": [ "error", { "allowDestructuring": true, // Allow `const { props, state } = this`; false by default "allowedNames": ["vm"] // Allow `const vm= this`; `[]` by default } ] } </code><p>并全面添加<a href="https://palantir.github.io/tslint/rules/no-this-assignment/" rel="noreferrer"><code>data</code></a>方法来解决:</p> </answer><code>setup</code><answer tick="false" vote="3"> <p> <pre> </pre>in<pre><code><script lang="ts"> import { IonPage, IonContent, IonSlides, IonSlide,} from '@ionic/vue' export default { name: 'Splash', components: { IonPage, IonContent, IonSlides, IonSlide,}, setup() { const contentClass = ref<any>('bg-gradient-1'); const slideChange = ({ target }) => { target.getActiveIndex().then((i) => { contentClass.value = 'bg-gradient-' + i }) }, const slideOpts = { autoplay: { delay: 4000, }, } return { slideOpts, contentClass, slideChange } } } </script> </code></pre>在规则键上添加</p><code>.eslintrc</code><pre>文件,例如,在我的情况下:</pre> </answer><code>"@typescript-eslint/no-this-alias": 0</code><answer tick="false" vote="0"> <p> <pre> </pre>当使用箭头功能时,“此”是指周围的上下文。所以不再需要这样做!<pre> </pre><code>"rules": { "@typescript-eslint/no-var-requires": 0, "@typescript-eslint/no-explicit-any": 0, "@typescript-eslint/no-this-alias": 0, "no-console": 1, // Means warning "prettier/prettier": 2 // Means error } </code></p> <pre> </pre></answer>
ESLINT触发不安全的``noy value.eslint@typescript-eslint/no-unsafe-satherment officted codecode
这是我的类型: const Cartitems:{ 数量:数字; 产品: { id:数字; 价格:数字|无效的; partnumber:字符串; partDescription:string;