React导入pixi.js报错：未找到tweenManager导出项求协助

问题原因 #

tweenManager 并非PIXI.js核心库的内置导出项，它属于PIXI的第三方动画扩展模块，直接从pixi.js导入自然会找不到该对象。

解决步骤 #

• 安装对应扩展包
  优先使用官方维护的tween模块，执行安装命令：

  npm install @pixi/tween
  # 或用yarn
  yarn add @pixi/tween
  

• 正确导入并初始化
  安装完成后，单独导入tween模块并完成初始化，而非从PIXI核心库获取：

  import * as PIXI from "pixi.js";
  import { TweenManager } from "@pixi/tween";
  
  // 全局挂载tweenManager实例
  PIXI.tweenManager = new TweenManager();
  // 或直接创建局部实例使用
  const tweenManager = new TweenManager();
  

• 验证使用
  之后即可正常使用tween动画功能，示例：

  const testSprite = new PIXI.Sprite(yourTexture);
  tweenManager.createTween(testSprite)
    .to({ x: 300, y: 300 }, 1500)
    .start();
  

注意事项 #

• 若你之前依赖的是旧版pixi-tween包，同样需要单独安装，导入逻辑需对应调整，推荐优先使用官方@pixi/tween以保障兼容性。
• 需确保PIXI.js版本与tween扩展包版本匹配，避免版本差异引发其他问题。

内容的提问来源于stack exchange，提问作者karim uddin