[英]How to import PIxi.js in Meteor?
我有一個簡單的應用程序,僅用於測試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
正確的導入方式是什么?
我不確定您如何安裝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
庫中的所有函數。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.