Question

我正在尝试使用path的{{1}}属性来解析组件的相对路径导入。但是，它给出了以下错误。不确定，为什么会出现此错误。可能是由于tsconfig.json文件夹不在src/components文件夹内吗？

实际错误：

src/app

1）这是我的文件夹结构：

ERROR in src/app/app.module.ts(12,33): error TS2307: Cannot find module '@advent/components'.

2）tsconfig.json

src
  - app 
      - app.module.ts
      - app.component.ts
      - app.component.html
      - app.component.css
  - components
      - modals
          - modals.component.ts
          - modals.component.html
          - modals.component.css 
      - index.ts
tsconfig.json

3）index.ts

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./src",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ],
    "paths": {
      "@advent/components/*": [
        "components/*"
      ]
    }
  }
}

4）modals.component.ts

export * from './modals/modals.component';

5）app.module.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'modals',
  templateUrl: './modals.component.html',
  styleUrls: ['./modals.component.scss']
})
export class ModalsComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

Answer 1

更新tsconfig.json中的行

如果 tsconfig.json 文件位于 src 文件夹中，并且baseUrl = “。”

"@advent/components/*": [ "./components/*" ]

如果 tsconfig.json 文件位于 src 文件夹之外，并且baseUrl = “。”

"@advent/components/*": [ "./src/components/*" ]

如果 tsconfig.json 文件位于 src 文件夹之外，并且baseUrl = “ ./ src”

"@advent/components/*": [ "./components/*" ]

在tsconfig.json中指定路径，而不使用相对路径：src / app / app.module.ts中的错误：错误TS2307：找不到模块'@ ...'

1 个答案: