如何在流星中导入PIxi.js？

我有一个简单的应用程序只是为了测试流星和Pixi.js.如何在流星中导入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

什么是导入了正确的方法是什么？

来源

2016-08-14 dagatsoin

我不知道你是如何安装到您的Pixi的包，但这里有几个选项得到它的工作：

1）通过的npm pixi package（旧的现在已经过时的版本）：

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

b）中引用它为：

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

2）包括pixi.js文件的副本，您的应用程序（方法与Pixi的最新版本使用）：

一）下载pixi.js file located on their github releases page的副本。

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

c）引用它：

console.log(PIXI);

来源

2016-08-14 13:56:49 hwillson

的确我在用流星安装npm install --save pixi.js – dagatsoin

我验证得太快了'npm install --save pixi'安装了一个不赞成使用的软件包。 – dagatsoin

是的，我已经设法使用Pixi的第二个选项。我还从'/client/compatibility/pixi.min.js'添加了'import *作为PIXI;否则我的IDE会抱怨一个未知的变量。 – dagatsoin

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

pixi.js只是出口的所有功能，在PIXI库直接。

来源

2016-12-09 08:35:16 newguy

谢谢。这有帮助！ –

应该是被接受的答案。谢谢！ –

如何在流星中导入PIxi.js？

回答

相关问题