typescript - 尽管在 .eslintrc.js 中提到了规则,但导入错误
问题描述
这是我的 .eslintrc.js 文件:
module.exports = {
parser: '@typescript-eslint/parser',
plugins: ['@typescript-eslint'],
extends: ['airbnb', 'eslint:recommended', 'plugin:react/recommended'],
parserOptions: {
ecmaFeatures: {
jsx: true,
},
ecmaVersion: 11,
sourceType: 'module',
},
rules: {
'import/extensions': [
'error',
'ignorePackages',
{
js: 'never',
jsx: 'never',
ts: 'never',
tsx: 'never',
},
],
'jsx-a11y/click-events-have-key-events': 'off',
'jsx-a11y/no-static-element-interactions': 'off',
'react/destructuring-assignment': 'off',
'react/jsx-filename-extension': [
1,
{ extensions: ['.js', '.jsx', '.tsx'] },
],
'react/prop-types': 'off',
},
settings: {
'import/extensions': ['.js', '.jsx', '.ts', '.tsx'],
'import/parsers': {
'@typescript-eslint/parser': ['.ts', '.tsx'],
},
'import/resolver': {
node: {
extensions: ['.js', '.jsx', '.ts', '.tsx'],
},
},
react: {
version: 'detect',
},
},
};
我正在运行yarn start
,但仍然看到诸如“.header/SiteHeader”的缺少文件扩展名“tsx”和“扩展名为'.tsx'的文件中不允许使用JSX”之类的错误。
我做错了什么?我只是关注其他 StackOverflow 问题的答案。
解决方案
推荐阅读
- sql - 计算两个日期时间值之间的小时差
- java - 编译一个c++(包括jni和nuget包)文件:“LNK2019: unresolved external symbol”错误
- r - 过滤多列以获取 R 中的行数
- reactjs - Nexus 和 GraphQL:“上下文”类型的根输入路径不存在
- c++ - 在哪里可以找到所有 C++ 函数的列表?
- python - 调用super时的pytest monkeypatch类方法
- python - 如何创建嵌套列表并在每个嵌套中放置特定数量的元素?list 和它的嵌套元素总是不一样的
- node.js - 如果 setInterval 阻塞,它会等待里面的动作吗?
- sql - SQL bigquery:上个月的布尔列
- c# - WPF 绑定到元组作为字典值