VS代码:无法解析VS代码中带有Webpack和Jsconfig的模块的路径
我有一个React项目,我正在VS代码中构建。我正在使用Webpack,所以我想添加一些别名:VS代码:无法解析VS代码中带有Webpack和Jsconfig的模块的路径,webpack,visual-studio-code,alias,Webpack,Visual Studio Code,Alias,我有一个React项目,我正在VS代码中构建。我正在使用Webpack,所以我想添加一些别名: module.exports = { resolve: { extensions: ['.js', '.jsx'], alias: { Config$: path.resolve(__dirname, 'config.js'), Css: path.resolve(__dirname, 'src/client/resources/css'), C
module.exports = {
resolve: {
extensions: ['.js', '.jsx'],
alias: {
Config$: path.resolve(__dirname, 'config.js'),
Css: path.resolve(__dirname, 'src/client/resources/css'),
Client: path.resolve(__dirname, 'src/client')
}
}
// etc...
因此,我在项目中引用内容,例如在./src/client/index.js中:
import 'Css/util.scss';
项目按预期运行。
问题在于,尽管在我的项目根目录中存在jsconfig.json
,VS Code Intellisense仍无法识别别名:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"Config": [
"./config.js"
],
"Css/*": [
"./src/client/resources/css/*"
],
"Client/*": [
"./src/client/*"
],
},
},
"exclude": [
"node_modules",
"dist"
]
}
尝试自动完成或导航到在VS代码中加载了别名的文件的位置失败,并且我的ESLint将其视为错误:
上述在代码命令调色板中运行Reload JacaScript Project
命令可能会解决此问题,但该命令对我不可用。我正在跑步:
版本:1.32.3(用户设置)提交:A3DB5BE9B5C6BA46BB7555EC5D60178ECC2EAE4
日期:2019-03-14T23:43:35.476Z
电子:3.1.6
铬:66.0.3359.181
Node.js:10.2.0 V8:6.6.346.32操作系统:Windows\u NT x64 10.0.17763
我已经研究了几个GitHub讨论,没有一个讨论解决了我的问题。在项目中打开JavaScript文件后,我能够使用
重新加载JavaScript项目
命令。显然,该命令仅在.js和.jsx文件中可用
然而,这只在部分时间起作用。通过停止我正在运行的项目并重新加载VSCode-
开发者:重新加载窗口
,我可以让IntelliSense和webpack项目都工作。您能找到解决问题的方法吗?您能指定项目结构吗,这可能会有所帮助。