如何在 Meteor 中导入 PIxi.js？

Question

我有一个简单的应用程序，仅用于测试 Meteor 和 Pixi.js。

我的main.jsx（唯一的脚本文件）：

import { Meteor } from 'meteor/meteor';
import React from 'react';
import {render} from 'react-dom';
import PIXI from 'pixi.js';



Meteor.startup(()=>{
  render(
    <p>zdzdzd</p>,
    document.getElementById('container')
  );
});

但是导入PIXI时出错

graceful-fs.js:157 Uncaught TypeError: Cannot read property 'prototype' of undefined
patch   @   graceful-fs.js:157
meteorInstall.node_modules.graceful-fs.graceful-fs.js   @   graceful-fs.js:27
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.glslify-deps.index.js    @   index.js:2
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.glslify.index.js @   index.js:3
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.pixi.js.src.core.renderers.webgl.filters.spriteMask.SpriteMaskFilter.js  @   SpriteMaskFilter.js:5
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.pixi.js.src.core.renderers.webgl.managers.MaskManager.js @   MaskManager.js:2
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.pixi.js.src.core.renderers.webgl.WebGLRenderer.js    @   WebGLRenderer.js:2
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.pixi.js.src.core.sprites.webgl.SpriteRenderer.js @   SpriteRenderer.js:2
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.pixi.js.src.core.index.js    @   index.js:28
fileEvaluate    @   install.js:153
require @   install.js:82
meteorInstall.node_modules.pixi.js.src.index.js @   index.js:4
fileEvaluate    @   install.js:153
require @   install.js:82
Mp.import   @   runtime.js:70
meteorInstall.client.main.jsx   @   main.jsx:1
fileEvaluate    @   install.js:153
require @   install.js:82
(anonymous function)    @   app.js?hash=acf17d5…:42

正确的导入方式是什么？

Answer 1

我不确定你是如何安装你的 pixi 包的，但这里有几个选项可以让它工作：

1) 通过 npm pixi package（现已弃用的旧版本）：

a) 安装它：meteor npm install --save pixi

b) 将其引用为：

import pixi from 'pixi';
console.log(pixi);

2) 在您的应用程序中包含 pixi.js 文件的副本（使用最新版本的 pixi 的方法）：

a) 下载 pixi.js file located on their github releases page.

的副本

b) 将 pixi.js 文件存储在您的应用 /client/compatibility 目录中。

c) 将其引用为：

console.log(PIXI);

Answer 2

其实应该是import * as PIXI from 'pixi.js';

pixi.js直接导出PIXI库中的所有函数

如何在 Meteor 中导入 PIxi.js？

How to import PIxi.js in Meteor?

javascript

node.js

meteor

pixi.js