如何让 pixi-filters 工作？

Question

我像这样导入了 pixi 和 pixi-filters：

import 'pixi.js';
import 'pixi-filters';

但是，在 运行 代码之后：

const outlineFilterRed = new PIXI.filters.GlowFilter(15, 2, 1, 0xff9999, 0.5);

抛出以下错误：

Property 'GlowFilter' does not exist on type 'typeof filters'.

我做错了什么？

P.S

我正在关注这个例子：https://pixijs.github.io/examples/#/filters/outline-filter.js

Answer 1

根据 definitions file, the GlowFilter (And other filters) do not exit. And according to the original js library 它们应该存在。

这仅表示定义文件已过时。

您有两个选择：

• 向 PIXI.filters 添加本地定义。
• 为定义存储库创建一个 PR。 （最佳）

Answer 2

似乎每个过滤器都需要单独导入，就像 Github 上的 GlowFilter's README.md 中写的那样。

安装：

npm install @pixi/filter-glow

导入：

import { GlowFilter } from '@pixi/filter-glow';