Svelte - 导出变量但汇总报告未导出变量

Question

我是苗条的新手（3 周），如果我做错了什么，现在不要这样做。 试图导出一个const用于另一个组件，vscode不报任何错误，但是cmd中的rollupJs报这个错误...

[：] 错误。 'repos' 不是由 src\components\Request,svelte 导出的。 由 src\components\List.svelte 导入

但是变量被导出得很好（我猜）。

这是 Request.svelte

<script>
import {writable} from 'svelte/store'
let userName = ''
export const repos = writable ([]);

这是我要导入 const repos 的 List.svelte ......

<script>
import {onMount} from "svelte";
import {MDCList} from '@material/list';
import {MDCRipple} from '@material/ripple';
import {repos} from './Request.svelte'

repos = data;

那么我做错了什么？

Answer 1

如果您想在其他地方公开一个变量以供命令式使用，您需要从模块脚本中导出它：

<script context="module">
  import {writable} from 'svelte/store'
  export const repos = writable ([]);
</script>

<script>
  ..
</script>

教程： https://svelte.dev/tutorial/module-exports

但是，我在您的代码片段中看到您执行repos = data 。 这不起作用，您不能从外部更改这样的导出属性。 如果您想从外部以声明方式更改组件属性（不是模块属性），请执行export let repos =.. （注意let而不是const ），然后在组件中执行<List repos={data} />你在哪里使用它。 道具教程： https://svelte.dev/tutorial/declaring-props