Svelte

Question

我尝试从 Svelte 组件导入一个 const 值，但是 rollup 说，该组件不导出这个值。我哪里错了，还是汇总问题？

Component.svelte:

<script>
export const answer = 42;
</script>

App.svelte:

<script>
import { answer } from './Component.svelte';
</script>

<h1>{answer}</h1>

导入枚举定义时出现同样的问题。

Answer 1

尝试用 Component.svelte 替换。但请注意，无论您如何定义它（const 或 let），它都是只读的，因此如果您想更改值，您可能需要创建 setter 或 getter 函数来执行此操作然后使用它访问变量。

 <script context="module">
    export const answer = 42;
 </script>

Answer 2

Svelte 使用 export 语法来定义组件属性。因此，如果您想像在现代 javascript 模块中那样使用此 export，则必须使用 context="module" 将其指示给 Svelte 编译器，例如：

<script context="module">
    export const answer = 42;
</script>

查看 REPL and the doc 以了解更多信息。

Svelte - 从组件导入常量不起作用