VS 代码：无法使用 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：

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

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

documentation for jsconfig in vscode 说运行代码命令面板中的 Reload JacaScript Project 命令可能会解决问题，但我无法使用该命令。我是运行:

Version: 1.32.3 (user setup)
Commit: a3db5be9b5c6ba46bb7555ec5d60178ecc2eaae4
Date: 2019-03-14T23:43:35.476Z
Electron: 3.1.6
Chrome: 66.0.3359.181
Node.js: 10.2.0 V8: 6.6.346.32 OS: Windows_NT x64 10.0.17763

我研究了几个 GitHub 讨论，其中 none 解决了我的问题。

Answer 1

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

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

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

VS Code: Unable to resolve path to module with Webpack and Jsconfig in VS code

alias

webpack

visual-studio-code