typescript 将 *{}添加到字符串的模板文本出现异常错误

0kjbasz6  于 2023-01-27  发布在  TypeScript
关注(0)|答案(1)|浏览(75)

我遇到了一个奇怪的错误,在复制svelte代码到模板文本中时,字符串中添加了*{}。我尝试在REPL中复制这个错误来共享,但是错误没有出现。有人知道是什么导致了这个错误吗?

示例:+page.svelte

let svelteCode = `
<script>
    import Nested from './Nested.svelte'
<\/script>

<p>These styles...</p>
<Nested/>

<style>
    p {
        color: purple;
        font-family: 'Comic Sans MS', cursive;
        font-size: 2em;
    }
</style>`;

    $: console.log('-----svelteCode:', svelteCode);

console.log()的结果:

<script>
    import Nested from './Nested.svelte'
</script>

<p>These styles...</p>
<Nested/>

<style>
    p {
        color: purple;
        font-family: 'Comic Sans MS', cursive;
        font-size: 2em;
    }
 *{}</style>

在最后一行中,由于某种原因添加了*{},但我不知道它是从哪里来的,因为我只是打印字符串,而没有对它进行任何调整。
当我删除<style>...</style>块时,*{}消失了,或者当我从<>标签中删除style时,但是我不知道为什么会发生这种情况。我有点困惑。你知道是什么导致了这种情况吗?
我希望字符串输出与定义的字符串相同。

截图:

8yparm6h

8yparm6h1#

解析器has issues with tags的代码。我不知道为什么它特别生成*{},但我建议做一些类似</${''}style><\/style>的工作来解决这个问题。

相关问题