typescript - 使用 TypeScript 3 项目引用时出现 "Cannot find module"错误

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();
  }
}

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

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

Answer 1

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

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