使用 TypeScript 3 项目参考时出现“找不到模块”错误

Question

我正在尝试使 TypeScript 3 的项目引用正常工作，但难以从引用的项目中导入函数。

我有一个引用 Shared 的 ProjectA。这是文件结构：

ProjectA
|_ src
|     |_person.ts
|_ tsconfig.json
|
Shared
|_ src
      |_utils.ts
|_ tsconfig.json

这里是 utils.ts：

export function guid() {
  return "a guid";
}

这里是 Shared/tsconfig.json：

{
  "compilerOptions": {
    "composite": true,
    "declaration": true,

    "target": "es5",
    "outDir": "dist",
    "module": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "noImplicitReturns": true,
    "noImplicitAny": true
  },
  "include": ["src/**/*"]
}

这里是 ProjectA/tsconfig.json：

{
  "compilerOptions": {
    "composite": true,
    "declaration": true,

    "target": "es5",
    "outDir": "dist",
    "module": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "noImplicitReturns": true,
    "noImplicitAny": true
  },
  "include": ["src/**/*"],
  "references": [{ "path": "../shared" }]
}

这是问题文件 - person.ts：

import { guid } from "../../Shared";

class Person {
  id: string;
  name: string;
  constructor() {
    this.id = guid();
  }
}

“找不到模块 '../../Shared'”的 TS 编译器错误

尝试导入 guid 函数时我做错了什么？任何帮助将不胜感激

Answer 1

您需要使用要从中导入的文件的完整相对路径，就像文件在同一个项目中一样：

import { guid } from "../../Shared/src/utils";