我遇到了一个奇怪的错误,在复制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
时,但是我不知道为什么会发生这种情况。我有点困惑。你知道是什么导致了这种情况吗?
我希望字符串输出与定义的字符串相同。
截图:
1条答案
按热度按时间8yparm6h1#
解析器has issues with tags的代码。我不知道为什么它特别生成
*{}
,但我建议做一些类似</${''}style>
或<\/style>
的工作来解决这个问题。