[英]Eslint complaining when using tilde paths for imports
我为基于反应的项目使用我自己的一套eslint
规则配置,如下所示:
module.exports = {
env: {
browser: true,
commonjs: true,
es2021: true,
node: true,
jest: true,
},
extends: [
// My extends
],
globals: {
Atomics: 'readonly',
SharedArrayBuffer: 'readonly',
},
parserOptions: {
ecmaFeatures: {
jsx: true,
},
ecmaVersion: 11,
sourceType: 'module',
},
plugins: [
// My plugins
],
settings: {
react: {
version: 'detect',
},
},
ignorePatterns: [
'node_modules/',
],
rules: {
// My rules
},
};
但是当我使用tilde paths
导入时,例如
import something from '~/components/something'
eslint抱怨说
Unable to resolve path to module '~/components/something'. [eslint] <import/no-unresolved>
导入实际上是正确的并且导入很好,但是我如何配置eslint
以停止抱怨波浪号 ( ~
) 导入?
您可以使用https://www.npmjs.com/package/eslint-import-resolver-alias为tilde
设置解析器别名。
.eslintrs
中的示例条目
module.exports = {
settings: {
'import/resolver': {
alias: {
map: [
['~', '/user/home/me'],
],
extensions: ['.ts', '.js', '.jsx', '.json']
}
}
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.