打字稿选项。具有嵌套目录的BaseUrl设置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了打字稿选项。具有嵌套目录的BaseUrl设置相关的知识,希望对你有一定的参考价值。

将'baseUrl'属性与'paths'属性结合使用时,如下所示:

"baseUrl": "./src",
"paths": {
  "app-component": [ "app/app.component"],
  "test-component": [ "app/test/test.component" ]
}

一切都很好,但改为:

"baseUrl": "./src/app",
"paths": {
  "app-component": [ "app.component"],
  "test-component": [ "test/test.component" ]
}

编译器抱怨它无法找到引用的模块。

我在文档或搜索逻辑实现中是否缺少某些内容?

编辑1

模块引用为:

import { AppComponent } from 'app-component';
import { TestComponent } from 'test-component';
答案

在检查纯tsc编译(没有产生任何错误)并使用ng eject弹出webpack.config.js之后,结果发现modules属性看起来像:

"modules": [
  "./src",
  "./node_modules"
]

所以提供的错误与typescript无关,但与webpack无关,因为它无法找到引用的文件。

以上是关于打字稿选项。具有嵌套目录的BaseUrl设置的主要内容,如果未能解决你的问题,请参考以下文章

我们如何在打字稿中获得嵌套对象类型

React Navigation v6 NavigationContainer 链接属性与嵌套导航打字稿问题

打字稿:嵌套对象的深度键

angular-ui-router 使用打字稿嵌套命名视图

打字稿和嵌套解构

是否有充分的理由在打字稿项目中将编译器选项“声明”设置为 true