javascript - 使用 Visual Code 在 TypeScript 项目中正确配置 tsconfig.json

Question

假设您有一个名为“shubidu”的 TypeScript 项目，并且您使用 Visual Code 作为 IDE。“shubidu”是一个图书馆，而不是一个应用程序。此外，假设您的 TypeScript 项目有两个 TypeScript 文件“core-stuff.ts”和“addon-stuff.ts”。

// content of "core-stuff.ts"

export default function sayHello(name: string) {
   console.log(`Hello, ${name}`)
}

-

// content of "addon-stuff.ts"

import sayHello from 'shubidu/core'

export default function helloWorld() {
   sayHello('World')
}

这两个文件都应该被转译为 ES5 到两个不同的模块“dist/shubidu-core.js”和“dist/shubidu-addon.js”。

稍后这个“shubidu”库将被其他项目使用，如下所示：

import sayHello from 'shubidu/core'
import helloWorld from 'shubidu/addon'

[...]

编译“shubidu”项目时，文件“addon-stuff.ts”中会出现错误，因为模块“shubidu/core”是未知的。

要解决此问题，您必须修改文件“tsconfig.json”，如下所示：

// content of tsconfig.json

{ 
  [...]
  "compilerOptions": {
    [...]
    "paths": {
      "shubidu/core": "path/to/core-stuff.ts"    
    }
    [...]
  }
  [...]
}

现在正在编译。开放的问题是 Visual Code IDE 本身仍然说（在文件“addon-stuff.ts”中）模块“shubidu/core”是未知的。这个怎么解决？？？

标签： javascripttypescriptidetsconfig