小编asp*_*yst的帖子

如何使用 Svelte 在 Storybook 中设置 Typescript?

我正在尝试将 Storybook 与 Svelte 组件库一起使用。Svelte 设置为使用 Rollup。我想知道 Storybook 对 Webpack 的使用是否与我的问题有关?

  • 只要我的 svelte 组件是用 JS 编写的,Storybook 就可以正常工作
  • Svelte 已设置为可以与 TS 配合使用
  • 即使在组件的脚本中添加一个简单的类型声明也会破坏 Storybook

例子:

我改变了这个:

<script lang="ts">
  export let text = ''
  export let sent = true
</script>
Run Code Online (Sandbox Code Playgroud)

对此:

<script lang="ts">
  export let text: string
  export let sent: boolean
</script>
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

Module build failed (from ./node_modules/svelte-loader/index.js):
Error: ParseError: Unexpected token (2:17)
1: <script lang="ts">
2:   export let text: string
                    ^
Run Code Online (Sandbox Code Playgroud)

rollup typescript webpack svelte storybook

8
推荐指数
1
解决办法
2181
查看次数

标签 统计

rollup ×1

storybook ×1

svelte ×1

typescript ×1

webpack ×1