无法读取未定义的属性 'fragment'

Question

我正在尝试将一个 svelte 组件嵌套在另一个 svelte 组件中。


//index.js
import Parent from './Parent.svelte';

new Parent({
  target: document.querySelector('main')
})


// Parent.svelte
<script>
  import Child from "./Child.svelte";
</script>

<p>parent component</p>
<Child />


// Child.svelte
<p>child component</p>

我希望 Child.svelte 嵌套在 Parent.svelte 中，但我却收到此错误消息

Cannot read property 'fragment' of undefined

顺便说一句：我将 parcel 与 parcel-plugin-svelte 一起使用

Answer 1

这是 parcel-svelte-plugin 的一个已知错误。根据 github issue #55，目前的解决方法是禁用包裹 hmr:

parcel --no-hmr

Answer 2

我遇到了类似的问题，需要更改 React 的导入方式

 import { React } from 'react'

需要改为

 import React from 'react'

无法读取未定义的 属性 'fragment'

Cannot read property 'fragment' of undefined

javascript

parcel

svelte

无法读取未定义的属性 'fragment'