Javascript 苗条web组件-将类与组件一起导出

我开始使用svelte，并用它制作了一些可重用的web组件，但现在我尝试使用我创建的一个类

main.ts:

从“./components/MinimalTableManager.svelte”导入MinimalTableManager；
从“./components/MinimalDataTable.svelte”导入MinimalDataTable；
从“./models/TableSort”导入{TableSort}；

当我在html中测试这两个元素时，它们都工作得很好：

从'/build/bundle.js'导入*作为tm；
...

我的主要问题是我也想在代码中使用我的

TableSort

类，但现在我无法导入它：

import {TableSort} from '/build/bundle.js'; 
...
Uncaught SyntaxError: The requested module '/build/bundle.js' does not provide an export named 'TableSort'

rollup.config.js

：

。。。
输入：“src/main.ts”，
输出：{
sourcemap:true，
格式：“iLife”，
名称：“应用程序”，
文件：“public/build/bundle.js”
}
...

---

这绝对是新手犯的错误，但是现在我不知道该如何正确处理它。

多亏了@Daniel_Knights，我将

rollup.config.js

中的输出格式从

iLife

更改为

es

，现在它工作得很好。

有什么原因让你直接从捆绑包导入而不是

。/models/tableSort'

，我在我的

index.html

中测试组件，而不是在Svelte中，因为我想在别处也使用它。您能发布捆绑组件吗？可能是它的编译方式当然，这是

bundle.js

：这是

rollup.config.js

：bundle没有导出。您可能需要尝试不同的方法，而不是

iLife

。