Как пофиксить: Cannot find module 'widgets/example.scss' or its corresponding type declarations?

Question

[asmodeus13th]

Содеержимое файла mainWidgets.ts:

/* eslint-disable sonarjs/no-duplicate-string */
const mainWidgets = [
  {
    container: '.cooperation-list',
    controller: (): void => {
      import(/* webpackChunkName: "swiper_style" */ 'widgets/shaked_swiper.scss');
      import(/* webpackChunkName: "cooperation_slider" */ 'widgets/cooperation_slider.scss');
    },
  },
  {
    container: '.kh-cookie-section',
    controller: (): void => {
      import(/* webpackChunkName: "cookie_section" */ 'widgets/cookie_section.scss');
    },
  },
  ...
];

export default mainWidgets;

Простой // @ts-ignore - не вариант. Нужно решение(

Comments

[WbICHA]

Так а в каком месте ошибка возникает? Указанный путь в заголовке в коде не представлен.

[asmodeus13th]

WbICHA, там где import(). Содержимое видит как ошибку. У всех путях с расширением .scss

Answer 1

[Дмитрий Беляев]

В корне проекта создайте файл с расширением .d.ts так чтоб имя не совпадало с другими файлами по соседству, например global.d.ts и пропишите там следующее:

declare module '*.scss' {
  const classNames: Record<string, string>;
  export default classNames;
}

Comments

[TyTai]

А не подскажешь что делать если ошибка эта ушла, но только если вкладка с этим файлом открыта?) Вкладку с файлом закрываю и всё красным светится снова)

(починил, не прописал файл в tsconfig.json)