我已将eslint-plugin-import安装到我的项目中,我的目标是使用'import/no-relative-parent-imports': 'error'设置禁止我项目中的相对导入以提高可读性. 但是,此设置在我的项目中产生错误,因为它不会将我的TSCONFIG别名捡起到根文件夹. 我的tsconfig.json具有以下设置. "paths": { "src/": ["./src/*"] } 我尝试通过以下方式在项目中导入组件. import { Component } from 'src/components/ComponentA',但是随后Eslint抱怨使用相对导入,而实际上我在Tsconfig路径别名的帮助下绝对导入我的组件.我已经安装了eslint-import-resolver-typescript并在我的.eslintrc.js文件中启用了它. settings: { 'import/resolver':
以下是关于 eslint 的编程技术问答
故事: 目前,我正在建立一项ESLINT规则,以警告CSS选择器定位器中使用Bootstrap布局和角度的技术类.目前,我在字符串方法中使用了一个简单的子字符串: for (var i = 0; i = 0) { context.report({ node: node, message: 'Unexpected Bootstrap class "' + prohibitedClasses[i] + '" inside a CSS selector' }) } 但尚未证明它是可靠的.例如,它在.col-sm-offset-11 css选择器上报告col-sm-offset-1>>和col-sm-offset-11的误差2次.我可以想象,它可以
我对Eslint有问题,它给我[解析错误the关键字导入是储备],这仅在sublime中出现,在Atom编辑器中效果很好.我有eslint .eslintrc.js module.exports = { "extends": "airbnb", "plugins": [ "react" ] }; package.json { "name": "paint", "version": "0.0.0", "description": "paint on the browser", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [ "paint", "javascript" ], "author": "", "lic
我正在编写node.js应用程序.在某些地方,我必须修改函数的论点.例如,此Express中间件用于添加用户请求,以便稍后查看: exports.fetchUserDetails = function (req, res, next) { httprequest(opts, function (err, res, body) { req.user = body.user; next() } } 事实是,我开始使用静态代码分析仪(ESLINT),并且总是抱怨重新分配函数参数(我知道修改函数参数可能很糟糕,就像在此示例中一样: function modifyParam(param) { param.a = 2 } var obj = { a: 1 }; console.log(obj); // outputs { a: 1 }; modifyParam(obj); console.log(obj); // outputs { a: 2 };
所以我在文件上有此导入 import { catchError, finalize } from 'rxjs/operators'; ,当我运行Eslint时,我会收到此错误: error 'rxjs/operators' should be listed in the project's dependencies. Run 'npm i -S rxjs/operators' to add it import/no-extraneous-dependencies 我在package.json依赖项列表中有rxjs,但似乎Eslint认为" RXJS/Operators"是另一个软件包. 在我的eslintrc文件中,我有此规则: "import/no-extraneous-dependencies": [ "error", { "devDependencies": ["**/*.test.ts"
我是React开发的初学者. 我正在尝试解决项目的所有错误/警告,但在开发环境和生产环境之间得到不同的结果.我在配置中没有任何区别. 运行npm run lint给我这个输出: npm run lint lint 运行npm run build给了我这个输出: npm run构建 我得到不同的ESLINT输出是正常的吗? 这是我的软件包: { "name": "immersion-dashboard", "version": "0.1.0", "private": true, "dependencies": { "@reduxjs/toolkit": "^1.5.1", "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7.1.2", "
当我运行ESLINT时,我会收到以下错误: 1:13 error 'joi' should be listed in the project's dependencies. Run 'npm i -S joi' to add it import/no-extraneous-dependencies 2:16 error 'lodash' should be listed in the project's dependencies. Run 'npm i -S lodash' to add it import/no-extraneous-dependencies 但是,我都安装了这些模块,并且在我的package.json中: "joi": "^10.4.2", // Some other packages "lodash": "^4.17.2", 和运行: npm i -S joi 无济于事或解决问题.另外,我的package.jso
部署我的Create React应用程序时,我一直在遇到一些问题,因为它未能编译并告诉我插件" react"" react"是在" package.json»eSlint-config-react-app»之间矛盾的. 我想知道是否有人遇到了同样的问题并知道如何解决,谢谢!我仍然是所有这些. 解决方案 套管中存在冲突 c:\ users \ ruben | desktop \ reactapp \ test ... 而NodeModules正在寻找C:\ Users \ Ruben | Desktop \ ReactApp \ Test .... 这是一个特定于Windows的问题,以前的React无论如何都可以运行该应用程序.似乎不再了. 我使用的解决方案是找到文件夹并使用代码打开.这确保该路径直接与存储在节点模块中的匹配 其他解决方案 在Windows 10&VS代码和NPM上面临相同的问题. 作为解决方法,请在VS代码中打开package.j
我为此找到了很多"解决方案",从简单的软件包.json添加到自定义hack模块,但没有任何作用. 我只想覆盖一个未开箱即用的,未弹出的创建反应应用的ESLINT设置. 即,规则" noundused-vars". 我正在使用Visual Studio代码. 解决方案 我似乎只是尝试了我在网上发现的东西的组合而偶然地修复了这一问题.这似乎奏效了. 1)我在项目root(poffage.json文件)中创建了一个.env文件.我有: // .env file EXTEND_ESLINT = true 2)然后我在项目根中创建了一个.eslintrc文件(无扩展),并添加了以下内容: // .eslintrc file (no extension) { "extends": [ "react-app" ], "rules": { "no-unused-vars": "off" } } 其他解决方案 在cre
我正在尝试导入一个包并在我的VUE应用程序中使用,如下所示 import ExternalSamplePackage from 'external-sample-package' export default { directives: { ExternalSamplePackage } } 我处于SSR模式,所以我想有条件地导入这样的软件包: if(process.client) { import ExternalSamplePackage from 'external-sample-package' } 但是,我在ES-lint上遇到以下错误: > error Parsing error: 'import' and 'export' may only appear at the top level 如何使用正确的ES贴片规则导入? 解决方案 ES6模块是静态的.这意味着导入/导出不能在功能,有条件语句或包含变量中出现.导入/导出语句
当我创建一个新的nuxt.js项目时,我对Eslint和Prettier的问题确实令人筋疲力尽. 如果我保存此.vue文件,请尝试修复它,但ESLINT阻止它这样做.因此,我无法删除此错误. 我的eslintrc.js module.exports = { root: true, env: { browser: true, node: true, }, parserOptions: { parser: 'babel-eslint', }, extends: [ '@nuxtjs', 'plugin:prettier/recommended', 'plugin:nuxt/recommended', ], plugins: [], // add your custom rules here rules: {}, } 我的.prettierrc { "semi": false
我正在使用 vue eslint插件,它具有但是,我也在使用nuxt,并且用于设置默认布局在NUXT中,您需要一个名为default.vue的.vue组件,该组件抛出ES棉布规则错误. 我似乎无法在那个实际上很小的vue文件中禁用它...
但是,如果我禁用.eslintrc.js中的规则,则可以工作. module.exports = { root: true, env: { browser: true, node: true, }, extends: [ '@nuxtjs/eslint-config-typescript', 'plugin:nuxt/recommended', 'prettier', ], plugins: [], // ad
正在尝试在项目文件夹中本地安装ESLINT.但是,如 https://eslint.org npm install eslint --save-dev 返回以下错误: npm ERR! Linux 4.15.0-70-generic npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "install" "eslint" "--save-dev" npm ERR! node v8.10.0 npm ERR! npm v3.5.2 npm ERR! code EMISSINGARG npm ERR! typeerror Error: Missing required argument #1 npm ERR! typeerror at andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3) npm ERR! typeerror at fet
运行bin/build-administration.sh我们得到 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: eslint-config-airbnb-base@13.2.0 npm ERR! Found: eslint@7.10.0 npm ERR! node_modules/eslint npm ERR! dev eslint@"7.10.0" from the root project npm ERR! peer eslint@"^6.0.0 || ^7.0.0 || ^8.0.0" from @typescript-eslint/eslint-plugin@5.1.0 npm ERR! node_modules/@typescript-eslint/eslint-plugin npm ERR! @typesc
我试图将沙哑与Eslint一起使用.我正在尝试创建一个预签名(Lint和Husky)脚本,如果添加的文件有棉布错误,该脚本将阻止提交. 但是,我的项目不是单声道格式,而是一种自定义格式.换句话说,我的.husky文件夹和package.json文件都在一个子目录中,称为" react-client"(如下所示).这是有问题的,因为Husky总是假设.husky文件夹在带有.git文件夹的根文件夹中,但是在这种情况下,它在" React-Client"文件夹中. 我在此问题上读到的所有内容都使我采取了赫斯基文档的这些步骤(下图),但这也不起来. 我不断收到此错误消息 我认为,我的.husky预先签名文件中需要的不仅仅是" CD React Client"和" NPM测试".或者我可能需要更改我的.git文件夹文件.另外,我相信我的软件包脚本(下图)可能是不正确的/需要更多配置 解决方案 我没有在正确的目录中添加文件.我必须在.husky文件夹下没有文件扩展名的情况下添加
这是我想在Mac上做的事情:npm install eslint -g 我得到了一个EACCES: permission denied,其中包含以下详细信息: npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'unlink', npm ERR! path: '/HOME/.node_modules_global/lib/node_modules/eslint/LICENSE' } 如何在不使用sudo的情况下全球安装ESLINT?还是我应该使用sudo? 解决方案 将其添加到~/.npmrc: prefix = ${HOME}/.npm-packages /Guides/blob/master/npm-global-without-sudo.md 也要在问之前进行搜索: npm全局路径前缀 npm模块在没有sudo的情况下将在全球范围内安装/p>
背景和简介 作为react.js的开发人员,我非常感谢自动帮助我 可以从 eslint 上 未使用的标识符. 我有 1 即使没有明确的Eslint规则,Visual Studio代码也指示什么 标识符是未使用的,通过以鲜艳的颜色显示. 在下面的屏幕截图中,unUsedArgument和unUsedVariable将 如果他们以与prevToggle的颜色相同的颜色显示 使用. App.js写出: // App.js import React, { useCallback, useState } from 'react'; import './App.css'; import Button from './components/UI/Button/Button'; function App(unUsedArgument) { const [unUsedVariable, setShowParagraph] = useState(true); con
对于简单的npm install. 然后npm start打开默认的Web浏览器 1 . 按 f12 在控制台中显示两个错误消息. 错误消息是: Uncaught ReferenceError: process is not defined和 Line 0: Parsing error: ImportDeclaration should appear when the mode is ES6 and in the module context. 我该怎么办才能纠正这些错误? 我在其他地方看到了这些错误,有时是指 版本 package.json中的软件包问题. 请参阅下面的参考列表. 我认为参考文献3-6可能与这里的问题有关. 下面提供了.eslintrc.json和package.json文件. 但是由于它们几乎不足以复制错误, 这是一个链接 2 .eslintrc.json: { "env": { "browser": tr
我有一个无法解决的问题. 我在VSCODE中使用ESLINT作为我的所有项目. 现在,我创建了一个新的React应用程序,但是当我运行它(NPM启动或纱线启动)时,它会引发错误. React App使用ESLINT 5.12.5,是我的较低版本. 我尝试遵循建议中的步骤,但是...它不是修复的. 任何人都可以解决我的问题吗? 我尝试了npm uninstall -g eslint,npm uninstall eslint,npm i ... bla..bla,删除了我在Vscode中的Eslint扩展名,然后重新创建了React App.但是错误尚未解决. 我检查了ESLINT -V,它说5.14.1,但是在错误通知中,VSCODE表示版本5.16.0位于Node -modules @@中. 当我尝试yarn start或npm start时,这是完全错误通知: > homework02@0.1.0 start E:\Extenal Code\Hoc JS