![](/img/trans.png)
[英]Webpack resolve.alias does not work with VS Code IntelliSense
[英]Typescipt fails to recognize webpack resolve.alias
这是在我的Webpack
配置中:
usersAlias: path.resolve(__dirname, '../src/pages/users'),
这是在我的tsconfig.json
:
"baseUrl": ".",
"paths": {
"usersAlias/*": ["src/pages/users/*"],
}
这是代码层次结构:
这是我在Àpp.js
用法:
import Users from 'usersAlias/Users';
这是我得到的错误:
Cannot find module 'usersAlias/Users'.ts(2307)
如果我将Àpp.tsx
更改为App.js
一切正常! 我的问题与TypeScript
相关。
更新
我的完整tsconfig.json
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": false,
"noEmit": true,
"jsx": "react"
},
"include": [
"src"
],
"baseUrl": ".",
"paths": {
"usersAlias/*": ["src/pages/users/*"],
}
}
也许你不需要...
module.exports = {
//...
resolve: {
alias: {
users: path.resolve(__dirname, '/src/pages/users'),
}
}
};
在你的代码中
import Users from 'users';
在这里检查配置
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.