javascript - 我如何更改 eslint 解析设置

标签 javascript reactjs webpack eslint lint

我有使用 webpack、eslint 的项目。通过 webpack.config 我设置解析 indexIndex文件。一切正常,除了 eslint 抛出错误 import/no-unresolvedimport/extensions ,它不知道,除了 index ,现在应该可以解析 Index文件也是( import Index from ./components ,其中 ./components 有文件 Index.jsx )。我的设置如下。

// .eslintrc
{
  "extends": "airbnb",
  "env": { "browser": true },
  "rules": {
    "no-restricted-syntax": "off",
    "no-continue": "off",
    "no-plusplus": "off",
    "react/prop-types": "off",
    "no-underscore-dangle": "off",
    "no-param-reassign": "off",
    "class-methods-use-this": "off"
  }
}

// package.json
// ...
 "devDependencies": {
    // ...
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-plugin-import": "^2.10.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.7.0",
    // ...
 }
// ...

最佳答案

尝试安装 eslint-import-resolver-webpack并将其添加到您的 .eslintrc 中:

"settings": {
  "import/resolver": "webpack"
}

或者添加它将解决依赖关系的源文件夹;像这样的东西:
settings: {
    'import/resolver': {
        node: {
            paths: [path.resolve(__dirname, 'src')],
        },
    },
}

解析器文档:https://github.com/benmosher/eslint-plugin-import/blob/master/README.md#resolvers

关于javascript - 我如何更改 eslint 解析设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50041345/

相关文章:

javascript - 是否可以限制 div 可以拥有的最大 child 数?

javascript - Node.js API 为同一个请求返回不同的值

javascript - 带方向的粒子布朗运动

reactjs - typescript 错误 : Cannot find module 'moment'

javascript - 如何访问用 axios 加载的对象属性?

javascript - 警告 : There is another module with an equal name when case is ignored

javascript - 具有自动宽度的 Owl Carousel 元素

javascript - 使用 react-native-chart-kit Chart 填充父容器(React Native,Expo)

javascript - 带有 NestJS + Typescript + Webpack + node_modules 的单个文件包

javascript - Webpack:我们如何*有条件地*使用插件?