如何在meteor中导入PIxi.js?

我有一个简单的应用程序只是为了testingmeteor和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 

什么是导入它的正确方法?

我不知道你是如何安装你的pixi软件包的,但是这里有几个选项可以使它工作:

1)通过npm pixi软件包 (旧版本现已弃用的版本):

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

b)引用它:

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

2)包含您的应用程序的pixi.js文件的副本(使用最新版本的pixi的方法):

a)下载位于其github发布页面的pixi.js文件的副本。

b)将pixi.js文件存储在apps /client/compatibility目录中。

c)引用它:

 console.log(PIXI); 

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

pixi.js只是将所有的函数直接导出到pixi.js库中。