尝试导入过渡时，带有雪包的 Svelte 会给出“未实现：动画”

Posted 2023-02-16

【中文标题】尝试导入过渡时，带有雪包的 Svelte 会给出“未实现：动画”

【英文标题】：Svelte with snowpack gives "Not Implemented: Animation" when trying to import transitions

【发布时间】：2021-05-09 09:18:00

【问题描述】：

通常，我可以像这样在 svelte 中导入 flip 或其他动画：

import  flip  from "svelte/animate";

但是，我不确定为什么在使用 svelte 的雪包中会出现以下错误：

Build Error: @snowpack/plugin-svelte
Error: Not implemented: Animation

Source
/Users/duane/Braid/ribbon/client/src/Posts/PostsPage.svelte
Error: Not implemented: Animation
    at /Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27126:28
    at Array.forEach (<anonymous>)
    at new InlineComponent$1 (/Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27087:26)
    at /Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27358:23
    at Array.map (<anonymous>)
    at map_children (/Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27353:22)
    at new IfBlock$1 (/Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27063:26)
    at /Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27358:23
    at Array.map (<anonymous>)
    at map_children (/Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27353:22)
    at new Fragment (/Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27410:26)
    at new Component (/Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:27547:26)
    at Object.compile (/Users/duane/Braid/ribbon/node_modules/svelte/compiler.js:28753:24)
    at Object.load (/Users/duane/Braid/ribbon/node_modules/@snowpack/plugin-svelte/plugin.js:120:31)
    at async runPipelineLoadStep (/Users/duane/Braid/ribbon/node_modules/snowpack/lib/index.js:74471:28)
    at async Object.buildFile (/Users/duane/Braid/ribbon/node_modules/snowpack/lib/index.js:74638:24)

我错过了什么吗？

【参考方案1】：

事实证明这与积雪无关。

当您尝试在组件（例如<MySpecialButton />）上添加“animate:flip”或“transition:slide”（例如）时，会出现“未实现：动画”错误。 animate: 和 transition: 属性只能用于 DOM 元素，如 <div /> 等。