这是我的项目结构:
-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';
所以我在 Stack Overflow 上看到了这个问题:
VSCode Intellisense does not work with webpack + alias
然后我使用以下方法解决了问题:
jsconfig.json
{
"compilerOptions": {
"baseUrl": ".",
"target": "es6",
"module": "commonjs",
"paths": {
"@components/*": ["./src/components/*"]
}
}
}
但是 eslint 现在抱怨说它未解析,尽管它编译得很好。
eslint 错误:
无法解析模块路径 '@components/SocialMedia'.eslint(import/no-unresolved)
注:
我不想禁用 eslint。我想让它也理解这种路径。
⌘ +click
即跳转到定义的功能,而这是我经常用来在文件之间跳转的。有什么建议吗?(我也不在一个 TS 项目中) - KeshavDulalmoduleDirectory: ['node_modules', './']
,但是现在你需要添加一个src
前缀来导入上面示例中相同的组件。 - ShadyStego