为什么.eslintrc可能看不到.babelrc.js的别名?
我有一些别名.babelrc.js 并带有Eslint-Import-resolver-Babel模块插件的ESLINTRC,从Babel Config获取别名. 但是Eslint无论如何都无法解决别名. .babelrc.js,.eslintrc,package.json in Gist: github.com/silentimp/4D005064063701FAA04C29B02114D0DF .babelrc.js const fs = require('fs'); const path = require('path'); const projectPath = path.resolve(__dirname, './'); const pathToSrc = path.resolve(projectPath, 'src'); const stats = fs.statSync(pathToSrc); const env = process.env.NODE_
16 2024-03-26
编程技术问答社区
从eslintrc.json加载配置 "next/babel "进行扩展失败
当我尝试构建下一个应用程序时,下面的错误将带有成功的构建.当我在Vercel中部署该应用时,此错误正在显示. error - ESLint: Failed to load config "next/babel" to extend from. Referenced from: /vercel/path0/.eslintrc.json 这是我的 .eslintrc.json { "extends": ["next/babel","next/core-web-vitals"] } 我还添加了 .babelrc { "presets": ["next/babel"], "plugins": [] } 当我更改 eslintrc.json 文件时,我还找到了一个解决方案: { "extends": ["next","next/core-web-vitals"] } 然后在构建应用程序时没有显示错误.但是,当我使用上述解决方案时,还有另一个问
14 2024-03-26
编程技术问答社区
从子目录下运行eslint
我的项目包含一个带有自己.eslintrc(即./path/to/subproject)的子标记 我正在尝试运行lint,但它要么转到root Project .eslintrc文件,要么找不到.eslintrc file 我在package.json中尝试了以下配置: cd path/to/subproject 和: "lint": "tsc && eslint -c .eslintrc.js ./**/*.ts --" 或 "lint": "tsc && eslint -c ./.eslintrc.js ./**/*.ts --" 也尝试在根目录中尝试: "lint": "tsc && eslint -c path/to/subproject/.eslintrc.js ./**/*.ts --" 或 "lint": "tsc && eslint -c .eslintrc.js ./**/*.ts --" npm run lint
14 2024-03-25
编程技术问答社区
我怎样才能在eslint上禁用错误(prettier/prettier)?
编码时,我没有使用ESLINT.现在,我安装了它,它已经充满了更漂亮/漂亮的错误,使我的编辑泛滥成灾,这似乎使我的代码更漂亮.我希望找到一种解决这个问题的方法. prettierrc.js: module.exports = { bracketSpacing: true, jsxBracketSameLine: false, singleQuote: true, trailingComma: 'all', }; eslintrc.js: module.exports = { root: true, extends: '@react-native-community', }; 最后,一些示例代码: import React, {Component} from 'react'; import {View, Text, Picker} from 'react-native'; import {connect} from 'react-re
20 2024-03-18
编程技术问答社区
Angular v13 .eslintrc.json对eslint-plugin-rxjs-angular的配置。
我想在Angular V13项目中使用Eslint-Plugin-Rxjs-angular. 在他们的 github page 上. 为ESLINT配置解析器和parseroptions.在这里,我使用.eslintrc.js文件进行配置: 然后,有一个片段. const { join } = require("path"); module.exports = { parser: "@typescript-eslint/parser", parserOptions: { ecmaVersion: 2019, project: join(__dirname, "./tsconfig.json"), sourceType: "module" }, plugins: ["rxjs-angular"], extends: [], rules: { "rxjs-angular/prefer-async-pipe": "err
22 2024-02-21
编程技术问答社区
ESLint-Only允许绝对导入路径,不允许相对导入。
我正在一个Angular 11项目中工作.该项目中的许多导入都使用相对路径或绝对路径. 我为该项目设置了ESLINT设置,我想防止相对导入路径,只允许绝对路径.但是我找不到这样做的规则. 我发现:无宗教阶段性的信息,但这并没有给我带来以下路径的问题:import { HttpService } from "../http/http.service";或import { RouterService } from "../../services/router/router.service";(两者都不是绝对的路径,这些路径的绝对路径是>和import { RouterService } from "app/services/router/router.service";分别. 我已经阅读了这篇文章: https://medium.com/@aayush123/escaping-relative-import-hell-react-native-native-eslint-am-
24 2024-02-20
编程技术问答社区
忽略或防止ESLint错误破坏React项目的构建(create-react-project)。
我最近创建了一个使用create-react-project的项目. 问题是,在我开发的同时,每当ESLINT出现问题时,构建都会破裂并且不会编译代码. 我可以在仍在运行ESLINT的同时保持构建运行,并报告以后会解决的错误? 解决方案 如果要强迫Eslint始终发出警告(不会阻止您构建)而不是错误,则需要设置emitWarning: true: { enforce: 'pre', include: paths.appSrc, test: /\.(js|jsx|mjs)$/, use: [{ loader: require.resolve('eslint-loader'), options: { formatter: eslintFormatter, eslintPath: require.resolve('eslint'),
46 2023-12-01
编程技术问答社区
Failed to load plugin @typescript-eslint: 无法找到模块 'eslint-plugin-@typescript-eslint'
我正在重新配置我的项目从TSLINT到ESLINT.我可以手动运行ESLINT,但是WebPack无法使用此错误消息运行: Module build failed (from /path/node_modules/eslint-loader/index.js): Error: Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint' 我已经排除了不良的.eslintrc.js和缺失的依赖项,因为它在我手动运行时起作用./node_modules/eslint/eslint/bin/eslint.js./-/-ext .ts .ts,.tsx -config ./. eslintrc.js 我不确定这是否是Eslint-Loader的上游问题. module.exports = { parser: "@typescript-esli
82 2023-12-01
编程技术问答社区
如何为一个.vue文件禁用vue/multi-word-component-names eslint规则?
我正在使用 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
20 2023-11-26
编程技术问答社区
如何在最新的Vue中禁用ESLINT叠加?
我曾经在vue.config.js中使用它,但是它在最新升级后不再起作用: : chainWebpack: config => { // disable eslint nag screen when building for different environments if (!isProduction) config.module.rules.delete('eslint'); } vue-cli文档的一部分说我可以做到这一点: devServer: { overlay: { warnings: false, errors: false }, 但它说overlay不是有效的选项 解决方案 Vue CLI 5使用WebPack 5,它已将devServer.overlay移至> devServer.client.overlay : // vue.config.js const { defineCon
10 2023-11-26
编程技术问答社区
Vue 3 on Vite.js with Eslint - Unable to resolve path to module eslint(import/no-unresolved)
我在vite.js上使用vue 3与eslint + airbnb config. Airbnb配置有一个规则eslint(import/no-unresolved),这很好,但是Eslint不知道如何解决别名路径. 我想将别名用于路径 - 示例: import TableComponent from '@/components/table/TableComponent.vue'˙ 环境在普通的JavaScript中. 我设法设置了我的vite.config.js,以便该应用可以解决这样的路径: import path from 'path'; import { defineConfig } from 'vite'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve: { alias: [{ find: "@"
20 2023-11-25
编程技术问答社区
eslint正在运行,但没有显示任何lint错误/警告
我正在使用ESLINT的VSCODE. ESLINT控制台显示以下内容: [Info - 3:31:14 PM] ESLint server stopped. [Info - 3:31:14 PM] ESLint server running in node v10.2.0 [Info - 3:31:14 PM] ESLint server is running. [Info - 3:31:15 PM] ESLint library loaded from: /usr/local/lib/node_modules/eslint/lib/api.js 因此,Eslint似乎正在加载和运行.但是,我的项目根中有一个.eslintrc文件,其中有规则,VSCODE没有向我显示任何绒毛错误. 我该如何调试? 解决方案 我需要 安装eslint-plugin-vue 在vscode中添加以下内容 中的json "eslint.validate":
76 2023-11-25
编程技术问答社区
在VSCode中检测JavaScript方法中缺失的await
我正在寻找一些ESLINT选项,或者在调用类中的异步方法之前,以检测缺少"等待"关键字的其他方法.考虑以下代码: const externalService = require('./external.service'); class TestClass { constructor() { } async method1() { if (!await externalService.someMethod()) { await this.method2(); } } async method2() { await externalService.someOtherMethod(); } module.exports = TestClass; 如果我将Method1转换为: ,将没有警告 async method1() { if (!await externalService.someMethod()) {
12 2023-11-25
编程技术问答社区
VSCode failed to load plugin cannot find module 'eslint-plugin-prettier';
我正在项目中安装eslint和Prettier,并尝试使自动代码格式通过VSCODE工作.当我转到React文件时,我看到Eslint发生了错误,因此我打开了我看到的ESLINT控制台: 无法在" JS/.ESlintrc.js"中加载插件" Prettier":找不到模块'Eslint-Plugin-prettier' 我相信我已经安装了所有必要的模块,这是我的package.json文件的一部分: "devDependencies": { "babel-eslint": "^10.0.3", "babel-loader": "^8.0.6", "eslint": "^6.8.0", "eslint-config-prettier": "^6.10.0", "eslint-loader": "^3.0.3", "eslint-plugin-prettier": "^3.1.2", "eslint-plugin
50 2023-11-24
编程技术问答社区
eslint在使用路径映射配置的jsconfig.json导入时解决错误。
这是我的项目结构: -src --assets --components --constants --helpers --pages --routes eslintrc.json jsconfig.json App.js index.js 我厌倦了: import SomeComponent from '../../../../../components/SomeComponent'; 我想做: import SomeComponent from '@components/SomeComponent'; 所以我在这里看到了这个问题: vscode Intellisense与WebPack +别名 我让它与: jsconfig.json { "compilerOptions": { "baseUrl": ".", "target": "es6", "module": "commonjs",
26 2023-11-24
编程技术问答社区
为什么我一直得到"[eslint]删除`CR`[prettier/prettier]"?
我正在使用VS代码,带有Prettier 1.7.2和Eslint 1.7.0. 每次新线后,我都会得到: [eslint] Delete `CR` [prettier/prettier] 这是.eslintrc.json: { "extends": ["airbnb", "plugin:prettier/recommended"], "env": { "jest": true, "browser": true }, "rules": { "import/no-extraneous-dependencies": "off", "import/prefer-default-export": "off", "no-confusing-arrow": "off", "linebreak-style": "off", "arrow-parens": ["error", "as-needed"], "c
22 2023-11-24
编程技术问答社区
构建React应用程序时,不同的ESLint结果
我是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", "
8 2023-11-01
编程技术问答社区
如何处理TypeScript中document.getElementById()方法类型转换过程中的ESLint错误?
根据所有这些页面: /docs/handbook/2/everyday-types.html#type-assertions 我希望这能起作用: /** * Destroy current user session. */ function logOut() { const form = document.getElementById('logout-form') as HTMLFormElement; form.submit(); } 相反,我在VS代码中看到了此ESLINT错误: 解析错误:意外令牌,预期";" 这种方法也引发了错误:const form = document.getElementById('logout-form'); 我在.tsx文件和.ts文件中尝试了相同的功能. 我在做什么错? P.S.我正在使用Prettier和Eslint和 https://github.co
14 2023-10-31
编程技术问答社区
ESLint错误:'@storybook/react'应该列在项目的依赖关系中,而不是devDependencies。
将故事书安装到带有eslint的react.js应用中后,vscode linter在示例.stories.js文件中没有拾取@storybook/react导入. 它给我以下错误: '@storybook/react' should be listed in the project's dependencies, not devDependencies.eslintimport/no-extraneous-dependencies 解决方案 我能够通过添加ignore规则我的.eslintrc file: 来使Linter警告消失. "rules": { "import/no-extraneous-dependencies": [ "error", { "devDependencies": [ "**/*.stories.*", "**/.storybook/**/*.*"
22 2023-09-30
编程技术问答社区