VS Code：无法在 VS 代码中使用 Webpack 和 Jsconfig 解析模块的路径

Question

我有一个在 VS Code 中构建的 React 项目。我正在使用 Webpack，所以我想添加一些别名：

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';

该项目按预期运行。问题是 VS Code Intellisense 无法识别别名，尽管jsconfig.json我的项目根目录中存在 a ：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "Config": [
        "./config.js"
      ],
      "Css/*": [
        "./src/client/resources/css/*"
      ],
      "Client/*": [
        "./src/client/*"
      ],
    },
  },
  "exclude": [
    "node_modules",
    "dist"
  ]
}

尝试自动完成或导航到在 VS Code 中加载了别名的文件的位置失败，并且我的 ESLint 将其视为错误：

vscode 中 jsconfig的文档说Reload JacaScript Project在代码命令面板中运行命令可能会解决问题，但该命令对我不可用。我在跑步：

版本：1.32.3（用户设置）
提交：a3db5be9b5c6ba46bb7555ec5d60178ecc2eaae4
日期：2019-03-14T23：43：35.476Z
电子：3.1.6
浏览器：66.0.3359.181
的Node.js：10.2.0 V8：6.6.346.32 OS：Windows_NT 64 10.0.17763

我查看了几个 GitHub 讨论，但没有一个解决了我的问题。

Answer 1

Reload JavaScript Project在项目中打开 JavaScript 文件后，我就可以使用该命令。显然，该命令仅在.js和.jsx文件中可用。

然而，这仅在部分时间起作用。通过停止正在运行的项目并重新加载 VSCode - Developer: Reload Window- 我能够让 IntelliSense 和 webpack 项目正常工作。