webpack.config.js

Cannot find module '...' or its corresponding type declarations

Возникает для строки:

import SortSign from '@app-universal/SortSign';

Задача

Рассмотрим решение для следующей ситуации, компонент без псевдонимов имопртируется так (в какой-то из родительских компонентов):

import SortSign from '../../../universal/SortSign';

а требуется его импортировать так:

import SortSign from '@app-universal/SortSign';

или так:

Для этого используют команду:

npm run eject

это стандартная команда для create-react-app

После чего, возможно, потребуется:

• удалить папку node_modules
• заново установить зависимости (npm ci или yarn install)

Добавьте в webpack.config.js поле:

devtool: "source-map"

Можно определить несколько модулей (используйте массив []) с полностью независимой конфигурацией во дном файле (webpack.config.js):

Общая идея проста, заводим файл, который импортирует из других файлов, напр. со содержимым:

import {hello1} from "./mod1";
import {hello2} from "./mod2";

hello1();
hello2();

пусть его имя main.js (mod1.js и mod2.js два файла лежащие на том же уровне и экспортирующие указанные переменные типа "функция").

Далее в webpack.config.js напишем что-то вроде: