0

Пытаюсь использовать raw-loader для рендеринга SVG иконок, но при импорте его, IDE подсвечивает красным, но компонент работает корректно.

Я добавил конфигурацию custom.d.ts:

declare module '*.svg' {
  const content: any;
  export default content;
}

И отметил его в tsconfig.json:

{
  ...
  "include": [
    "custom.d.ts"
  ],
  ...
}

Все работает, но я не могу понять почему IDE мой всегда подсвечивает import данный красным цветом, но при этом, зажав на ctrl он понимает что такой файл существует и перебрасывает меня на custom.d.ts. Как это исправить?

введите сюда описание изображения

введите сюда описание изображения

1 ответ 1

0

Потому что надо прописать require в декларации

declare var require: {
  <T>(path: string): T;
  (paths: string[], callback: (...modules: any[]) => void): void;
  ensure: (
    paths: string[],
    callback: (require: <T>(path: string) => T) => void
  ) => void;
};

Подробнее тут - https://github.com/TypeStrong/ts-loader#code-splitting-and-loading-other-resources

3
  • Где именно его прописать? Я его вроде как добавил но всё равно не сработало.
    – E1mir
    Commented 13 нояб. 2019 в 5:57
  • в custom.d.ts и импорт потом делать через require Commented 13 нояб. 2019 в 14:40
  • @AndrewDodonov NodeRequireFunction является частью определений @types/node, который поставляется автоматически с любым Angular проектом. ts-loader и ссылка не имеет никакого отношения к Angular.
    – user303477
    Commented 14 нояб. 2019 в 15:31

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.