Javascript 如何在vue.cli中导入pixi.js Spine

需要在vue页面中介绍pixi.js的脊椎动画功能 我可以导入pixi.js，但Spine函数始终显示“未捕获类型错误：无法读取未定义的属性'Spine'”[在此处输入链接说明][1]spineboy.atlas/spineboy.json/spineboy.png/在此链接中npm将pixi.js导入为'pixi.js'中的pixi

 <template>
   <div>
     import spine
   </div>

 </template>
 
 <script>
 
 import * as PIXI from 'pixi.js'
 
 mounted: function () {
   var app = new PIXI.Application();
   document.body.appendChild(app.view);
 
   // load spine data
   app.loader
     .add('spineboy', 'assets/pixi-spine/spineboy.json')
     .load(onAssetsLoaded);
 
   app.stage.interactive = true;
 
   function onAssetsLoaded(loader, res) {
       // create a spine boy
       var spineBoy = new PIXI.spine.Spine(res.spineboy.spineData);
 
       // set the position
       spineBoy.x = app.screen.width / 2;
       spineBoy.y = app.screen.height;
 
       spineBoy.scale.set(1.5);
 
       // set up the mixes!
       spineBoy.stateData.setMix('walk', 'jump', 0.2);
       spineBoy.stateData.setMix('jump', 'walk', 0.4);
 
       // play animation
       spineBoy.state.setAnimation(0, 'walk', true);
 
       app.stage.addChild(spineBoy);
 
       app.stage.on('pointerdown', function() {
           spineBoy.state.setAnimation(0, 'jump', false);
           spineBoy.state.addAnimation(0, 'walk', true, 0);
       });
     }
   }
 
 
 </script>

 ```


[1]: https://github.com/pixijs/examples-v4/tree/main/examples/assets/pixi-spine

进口脊柱
从“PIXI.js”导入*作为PIXI
挂载：函数（）{
var app=new PIXI.Application（）；
document.body.appendChild（app.view）；
//加载脊椎数据
应用程序加载器
.add（'spineboy'，'assets/pixi-spine/spineboy.json'）
.加载（已加载资产）；
app.stage.interactive=true；
AssetLoaded上的函数（loader，res）{
//创造一个有脊柱的男孩
var spineBoy=新的PIXI.spine.spine（res.spineBoy.spineData）；
//定位
spineBoy.x=app.screen.width/2；
spineBoy.y=app.screen.height；
spineBoy.秤组（1.5）；
//设置混音！
spineBoy.stateData.setMix（'walk'，'jump'，0.2）；
spineBoy.stateData.setMix（'jump'，'walk'，0.4）；
//播放动画
spineBoy.state.setAnimation（0，'walk'，true）；
app.stage.addChild（spineBoy）；
app.stage.on（'pointerdown'，function（））{
spineBoy.state.setAnimation（0，'jump'，false）；
spineBoy.state.addAnimation（0，'walk'，true，0）；
});
}
}
```
[1]: https://github.com/pixijs/examples-v4/tree/main/examples/assets/pixi-spine

大家好，欢迎来到Stack Overflow。请你扩大你的问题，解释一下你到目前为止尝试了什么？这将有助于避免可能的解决方案被尝试，并节省其他人的时间。