在tsconfig

问题描述

我正在尝试为我的Angular模块创建简短的导入。

下面是我在tsconfig.base.json文件中修改的内容。

{
  "compileOnSave": false,"compilerOptions": {
    "importHelpers": true,"outDir": "./dist/out-tsc","baseUrl": "","sourceMap": true,"declaration": false,"moduleResolution": "node","emitDecoratorMetadata": true,"experimentalDecorators": true,"target": "es5","typeRoots": [
      "node_modules/@types"
    ],"lib": [
      "es2017","dom","esnext"
    ],"module": "esnext","paths": {
      "@asfc/shared": ["projects/asfc-shared/src"],"@asfc/shared/*": ["projects/asfc-shared/*"],"@asfc/shared/global": ["projects/asfc-shared/src/lib/global"],"@asfc/shared/global/*": ["projects/asfc-shared/src/lib/global/*"],"@asfc/shared/tagging": ["projects/asfc-shared/src/lib/tagging"],"@asfc/shared/tagging/*": ["projects/asfc-shared/src/lib/tagging/*"],"@asfc/shared/testing": ["projects/asfc-shared/src/lib/testing"]
    },"exclude": [
    "tools"
  ]
}

模块路径： projects / asfc-shared / src / public_api.ts

export * from './lib/global/index';
export * from './lib/tagging/index';
export * from './lib/testing/index';
export * from './lib/shared/index';

在我要导入的组件中，SharedGlobalService

import { SharedGlobalService } from '@asfc/shared';

我收到以下错误。

ERROR: projects/ubc-security-profile/src/lib/apollo.config.ts:5:37 - error TS2307: Cannot find module '@asfc/shared' or its corresponding type declarations.

我在这里做错了什么？请帮忙。

更新：文件夹结构

更新

更新baseUrl后，出现以下错误

Compiling TypeScript sources through ngc
ERROR: Unable to write a reference to SvgCaptchaComponent in /Users/a1410978/Desktop/ssr-workspace/asfc-shell/projects/asfc-shared/src/lib/shared/svg-captcha/svg-captcha.component.ts from /Users/a1410978/Desktop/ssr-workspace/asfc-shell/projects/asfc-shared/src/lib/shared/svg-captcha/svg-captcha.module.ts
An unhandled exception occurred: Unable to write a reference to SvgCaptchaComponent in /Users/a1410978/Desktop/ssr-workspace/asfc-shell/projects/asfc-shared/src/lib/shared/svg-captcha/svg-captcha.component.ts from /Users/a1410978/Desktop/ssr-workspace/asfc-shell/projects/asfc-shared/src/lib/shared/svg-captcha/svg-captcha.module.ts
See "/private/var/folders/33/jgk04z2d26nbtr965nyz88fw0000gp/T/ng-yirb2X/angular-errors.log" for further details.

解决方法

路径是相对于RefCell值的。

示例...如果您的baseUrl位于项目根目录，而Angular应用程序代码位于tsconfig.json（也位于根目录），则可以将src指定为{{ 1}}。

从那里开始，路径从baseUrl开始。

假设您有一个src目录，并希望为此建立路径：

src

然后，您可以将导入引用为：

src -> lib

希望对您有帮助。