如何在 tsconfig.ts 中正确设置路径？

Question

我正在处理一个项目，我希望能够设置自定义路径以便更快地访问，但我一直收到错误 "Cannot find module @env/environment"。

这是我的路径： Path config

{ 
 "compileOnSave": false,
 "compilerOptions": {
 "baseUrl": "./",
 "paths": {
   "@env/*": ["./src/environments/*"],
   "@core/*": ["./src/app/@core/*"]
 },
 "outDir": "./dist/out-tsc",
 .
 .
 .

当我尝试在组件中导入它时，它找不到它。我做错了什么吗？

这是我当前的设置：

Angular CLI：8.3.26 节点：12.16.1 OS：达尔文 x64 Angular: 8.2.14

Visual Studio代码：1.44.2

Answer 1

也许试试这个：

npm i --save module-alias

Taken from here

Answer 2

请这样做

"paths": {
   "@env/*": ["src/environments/*"],
   "@core/*": ["src/app/@core/*"]
 },

这里不需要 ./，因为你在基础 url

中指定了 ./

请记住，您要引用的路径将您的 baseUrl 作为您指向的路径的基础，并且如文档中所述，它是强制性的。

字符“@”不是必需的。

这样设置后，您可以像这样轻松使用它：

import { Yo } from '@core/index';

您可能唯一注意到的是智能感知在当前最新版本中不起作用，因此我建议遵循 importing/exporting 文件的索引约定。

你也可以查看这个例子

https://github.com/ialex90/TypeScript-Node-Starter/commit/a4e8cc1f8f8d5176e0099e05b51f97b0ef4bebea

如何在 tsconfig.ts 中正确设置路径？

How do I properly set up a path in tsconfig.ts?

angular

visual-studio-code

tsconfig