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”项目时，由于模块“ shubidu / core”未知，文件“ addon-stuff.ts”中将出现错误。

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

// content of tsconfig.json

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

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

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

0 个答案: