我有两个lit元素，RootElement和CustomElement。RootElement通过<script type="module">直接导入到我的index.html中，它显示得很好。为了导入CustomElement，我把它放在RootElement的render()方法中：

render() {
    return html`<script
        type="module"
        src="./path/to/customelement.ts"
      ></script>
      <custom-element></custom-element>`;
  }

字符串
但是UI中什么也没有显示。如果我在代码的顶部放置一个import语句，如下所示：

import { CustomElement } from "./path/to/customelement.ts";

型
然后它显示为“未使用”，这是有意义的，因为我没有将它包含在代码中。
但是，如果我在代码中的某个地方包含了CustomElement（例如，作为文件底部的单个语句CustomElement;），那么它就不再被标记为“未使用”，并且<custom-element></custom-element>会像我预期的那样正确呈现。
这是怎么回事？在tsconfig.js中，我需要什么来说服转译器这个依赖是必要的，而不必在某个地方的无用语句中提供它？