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

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

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

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

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

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

Угловой интерфейс командной строки: 8.3.26 Узел: 12.16.1 ОС: darwin x64 Угловой: 8.2.14

Код Visual Studio: 1.44.2


visual-studio-code angular tsconfig
person Aort49    schedule 03.05.2020    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

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

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

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

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

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

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

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

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

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

person Shlok Nangia    schedule 03.05.2020
comment
Рад помочь :-) - person Shlok Nangia; 05.05.2020

arrow_upward
0
arrow_downward

Может быть, попробуйте это:

npm i --save module-alias

Взято отсюда

person Raz Ronen    schedule 03.05.2020