由于我的项目结构,我在渲染器过程中导入模块时遇到问题。
├── 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文件相同的文件夹中,这是我想避免的。