Svelte web 组件 - 与组件一起导出 class

Question

我开始使用 svelte 并用它制作了一些可重用的 Web 组件，但现在我正在尝试使用我创建的 classes 之一。

main.ts:

import MinimalTableManager from './components/MinimalTableManager.svelte';
import MinimalDataTable from './components/MinimalDataTable.svelte';
import {TableSort} from './models/tableSort';

当我在 html:

中测试它们时，这两个元素都工作正常

<script type="module">
    import * as tm from '/build/bundle.js'; 
    ...
</script>

我的主要问题是我也想在代码中使用我的 TableSort class，但现在我无法导入它：

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

rollup.config.js:

...
input: 'src/main.ts',
output: {
    sourcemap: true,
    format: 'iife',
    name: 'app',
    file: 'public/build/bundle.js'
}
...

这绝对是一个菜鸟错误，但现在我不知道应该如何正确处理它。

Answer 1

感谢@Daniel_Knights，我将 rollup.config.js 中的输出格式从 iife 更改为 es，现在它工作正常。

Svelte web 组件 - 与组件一起导出 class

Svelte web components - Export a class along with the components

javascript

web-component

custom-element

es6-modules

svelte