У меня проблема с импортом модулей в процессе рендеринга из-за структуры моего проекта.
├── html
│ ├── overview.html
├── js
│ ├── main.js
│ ├── models.js
│ ├── overview.js
├── ts
│ ├── main.ts
│ ├── models.ts
│ ├── overview.ts
└── tsconfig.json
Я удалил все ненужные файлы.Все в папке js/
генерируется из ts/
с помощью команды tsc
.
В html/overview.html
Я включаю js/overview.js
примерно так:
<head>
<script>const exports = {};</script>
<script src="../js/overview.js"></script>
</head>
Файл ts/overview.ts
импортирует что-то из ts/models.ts
:
import { OverviewModel } from "./models";
Компилируется нормально.Тем не менее, выполнение кода приводит к Uncaught Error: Cannot find module './models'
.
Единственная найденная мною обходная задача - переместить все мои html-файлы в ту же папку, что и файлы javascript, которых я бы хотел избежать.