如何在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
库中。