PIXI.loader 不存在

很抱歉，我的回答中存在误导。在 PixiJS v5 中，PIXI.loader 已经被废弃，应该使用 PIXI.Loader 替代。以下是一个示例代码：

// 创建一个 PIXI.Application 对象
const app = new PIXI.Application();

// 创建一个 PIXI.Loader 对象
const loader = new PIXI.Loader();

// 添加要加载的图片资源
loader.add('image', 'path/to/image.png');

// 加载资源
loader.load((loader, resources) => {
  // 创建一个 PIXI.Sprite 对象
  const sprite = new PIXI.Sprite(resources.image.texture);

  // 将 sprite 添加到舞台上
  app.stage.addChild(sprite);
});

在上面的代码中，我们首先创建了一个 PIXI.Application 对象。然后，创建了一个 PIXI.Loader 对象，并通过调用 `add` 方法将要加载的图片资源添加到加载器对象中。接着，我们通过调用 `load` 方法来加载资源，并在加载完成后创建一个 PIXI.Sprite 对象，并将其添加到舞台上。

注意，在上面的代码中，我们将加载完成后的图片纹理对象作为参数传递给了 PIXI.Sprite 构造函数。这样可以确保创建的精灵对象使用的是已经加载完成的纹理。

相关问题

Pixi.js最新版本没有已经移除了PIXI.Loader类的情况下 如何预载入多个图片并且显示载入进度，完成后回调方法，请注意已经没有PIXI.Loader类了，所以不要使用PIXI.Loader类

如果使用的是Pixi.js最新版本，已经移除了`PIXI.Loader`类，可以使用`PIXI.Loader.shared`来预加载多个图片，并且可以通过监听`onProgress`事件来显示载入进度，载入完成后可以使用回调方法来处理完成的事件。

但是，需要注意的是，如果要使用`PIXI.Loader.shared`来加载资源，需要先将要加载的资源添加到队列中，然后调用`PIXI.Loader.shared.load()`方法来开始加载，否则`onProgress`事件将不会被触发。

以下是一个示例代码，它可以预加载两个图片，并在载入过程中显示进度条，载入完成后会调用回调方法：

// 添加要预加载的图片
PIXI.Loader.shared.add('image1', 'path/to/image1.png');
PIXI.Loader.shared.add('image2', 'path/to/image2.png');

// 监听进度事件
PIXI.Loader.shared.onProgress.add((loader, resource) => {
  console.log(`Progress: ${loader.progress}%`);
});

// 载入完成后的回调方法
PIXI.Loader.shared.load((loader, resources) => {
  console.log('All resources loaded');

  // 在回调方法中创建精灵并添加到舞台
  const sprite1 = new PIXI.Sprite(resources['image1'].texture);
  const sprite2 = new PIXI.Sprite(resources['image2'].texture);
  app.stage.addChild(sprite1, sprite2);
});

在上面的代码中，先使用`add`方法将要预加载的图片添加到队列中，然后使用`onProgress`事件来监听进度变化。最后，在`load`方法中传入回调函数，这个函数会在所有资源都加载完成后被调用。在回调函数中可以根据`resources`参数获取每个资源的`texture`属性，然后创建精灵并添加到舞台中。

需要注意的是，在使用`PIXI.Loader.shared`加载资源时，需要先将要加载的资源添加到队列中，然后调用`load`方法开始加载。否则`onProgress`事件将不会被触发。

PIXI.Loader is not a constructor

如果出现 `PIXI.Loader is not a constructor` 的错误，可能是因为你的 PixiJS 版本不同。在 PixiJS v5 中，PIXI.Loader 是一个类，可以用于加载资源，以下是一个示例代码：

// 创建一个 PIXI.Application 对象
const app = new PIXI.Application();

// 创建一个 PIXI.Loader 对象
const loader = new PIXI.Loader();

// 添加要加载的图片资源
loader.add('image', 'path/to/image.png');

// 加载资源
loader.load((loader, resources) => {
  // 创建一个 PIXI.Sprite 对象
  const sprite = new PIXI.Sprite(resources.image.texture);

  // 将 sprite 添加到舞台上
  app.stage.addChild(sprite);
});

如果你的 PixiJS 版本较旧，则可能需要使用 PIXI.loaders.Loader 来加载资源，以下是一个示例代码：

// 创建一个 PIXI.Application 对象
const app = new PIXI.Application();

// 创建一个 PIXI.loaders.Loader 对象
const loader = new PIXI.loaders.Loader();

// 添加要加载的图片资源
loader.add('image', 'path/to/image.png');

// 加载资源
loader.load((loader, resources) => {
  // 创建一个 PIXI.Sprite 对象
  const sprite = new PIXI.Sprite(resources.image.texture);

  // 将 sprite 添加到舞台上
  app.stage.addChild(sprite);
});

注意，在上面的代码中，我们将加载完成后的图片纹理对象作为参数传递给了 PIXI.Sprite 构造函数。这样可以确保创建的精灵对象使用的是已经加载完成的纹理。