Как правильно настроить путь в tsconfig.ts?

Question

Я работаю над проектом, и я хотел бы иметь возможность установить пользовательский путь для более быстрого доступа, но я получаю сообщение об ошибке «Не удается найти модуль @ env / environment».

Это мой путь: Конфигурация пути

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

Когда я пытаюсь импортировать его в компонент, он не находит его. Я что-то не так делаю?

Это моя текущая настройка:

Angular CLI: 8.3.26 Узел: 12.16.1 ОС: darwin x64 Angular: 8.2.14

Код Visual Studio: 1.44.2

Answer 1

Пожалуйста, сделайте это так

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

вам не нужно ./ здесь, так как вы указываете ./ в своем базовом URL

Имейте в виду, что путь, по которому вы Если вы хотите сослаться на него, он использует ваш baseUrl в качестве базы маршрута, на который вы указываете, и является обязательным, как описано в do c.

Символ '@' не является обязательным.

После того, как вы настроите его таким образом, вы можете легко использовать его следующим образом:

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

единственное, что вы можете заметить, это то, что intellisense не работает в текущей последней версии, поэтому я хотел бы Предлагаем следовать соглашению об индексе для импорта / экспорта файлов.

также вы можете проверить этот пример

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

Answer 2

Может быть, попробовать это:

npm i --save module-alias

Взят отсюда