Есть объемный проект на Vue, написанный частично на TS, частично на JS. В нем все стабильно работает, постепенно переходим полностью на TS, но суть не в этом.
Делаю виджет одной из страниц этого проекта. Встраивается скрипт, инициализируется Vue приложение. В основном компоненте только внешняя верстка и функционал, а более мелкие (глупые) компоненты импортируются напрямую из файлов проекта (так как виджет разворачивается параллельно с основным проектом, но не суть). Некоторые компоненты импортируются через index.ts:
import ButtonCanRequest from '@/presets/button/can-request';
А некоторые - напрямую файлом (то есть обычным JS):
import ExtLink from '@/components/ext/Link.vue';
Так вот, к проблеме. При сборке виджета выдает сотни ошибок такого формата - ругается только на файлы с расширением *.vue (к слову, файл Datepicker.vue в виджете не импортируется и не используется):
Module build failed: Error: Could not find file: '[project]\src\components\form\Datepicker.vue'.
at getValidSourceFile ([project]\node_modules\typescript\lib\typescript.js:114896:23)
at Object.getEmitOutput ([project]\node_modules\typescript\lib\typescript.js:115259:30)
at Object.getEmitOutput ([project]\node_modules\ts-loader\dist\instances.js:155:41)
at getEmit ([project]\node_modules\ts-loader\dist\index.js:172:35)
at successLoader ([project]\node_modules\ts-loader\dist\index.js:42:11)
at Object.loader ([project]\node_modules\ts-loader\dist\index.js:29:12)
Самое интересное, что если убрать все компоненты из верстки, закомментить импорты, сборка пройдет нормально. А затем
вернуть все импорты и верстку на место - сработает hot-reload и все заработает без ошибок! Третий час я бьюсь с этой проблемой. Пробовал обновлять модули, лоадеры, немного менял конфигурацию вебпака, все бесполезно. Куда копать, может кто сталкивался?
Средний
Простой