ESLint no-use-before-define with Svelte答案

【问题标题】：ESLint no-use-before-define with SvelteESLint no-use-before-define with Svelte
【发布时间】：2021-06-25 03:12:08
【问题描述】：

使用 ESLint 规则 no-use-before-define 时，以下 Svelte 组件会出现 ESLint 错误：

<script>
    const someVariable = 'hello world'
</script>

{someVariable}

2:1  error  'someVariable' was used before it was defined  no-use-before-define

我知道可以在每个文件的基础上启用 ESLint 规则，但保持该规则处于打开状态以警告以下代码仍然会很好：

<script>
    const someVariable = helloWorld
    const helloWorld = 'hello world'
</script>

{someVariable}

【问题讨论】：

【解决方案1】：

如果使用 TypeScript，您可以使用 svelte-check 而不是 ESLint 来检查此规则。由于 svelte-check 旨在理解 Svelte 语法，因此它可以正确理解这种模式。然后，您可以关闭 Svelte 文件的 ESLint 规则。

【讨论】：