首页 文章

Gulp和Pixi.js - ReferenceError：窗口未定义

提问于
浏览 次
0

我最近切换到gulp并且认为我会尝试pixi.js，我一直在使用pixi的cdn但现在我想要pixi-timer来延迟某些功能 .

所以我想，为什么不开始用gulp捆绑所有这些？

但是我遇到以下错误：

ReferenceError：未定义窗口

我认为pixi.js的最新版本支持gulp甚至browserify，但是当我尝试要求pixi.js时它会失败 .

有什么指针？

我的gulp档案：

var gulp = require('gulp');
var concat = require('gulp-concat');
 var PIXI = require('pixi.js');
// var timer = require('pixi-timer');
var browserify = require('gulp-browserify');


gulp.task('game', function(){
    return gulp.src('interface/js/gamelogic/**/*.js')
    .pipe(concat('game.js'))
    .pipe(gulp.dest('Vamp.Website/Resources/'));
});

gulp.task('default', function(){
    gulp.watch('interface/js/gamelogic/**/*.js', ['game']);
});

完整错误日志：

D：\ Stuff \ Vamp \ vamp \ Vamp> gulp D：\ Stuff \ Vamp \ vamp \ Vamp \ node_modules \ pixi.js \ src \ polyfill \ index.js：5 if（！window.ArrayBuffer）{^ ReferenceError：窗口未在Object中定义 . （D：\ Stuff \ Vamp \ vamp \ Vamp \ node_modules \ pixi.js \ src \ polyfill \ index.js：5：5）位于Object.Module._extensions的Module._compile（module.js：413：34） . 位于Module.load的module.load（module.js：35：32）的.js（module.js：422：10），在Module.require上的Function.Module._load（module.js：314：12）（module.js：367： 17）在Object处的require（internal / module.js：16：19） . （D：\ Stuff \ Vamp \ vamp \ Vamp \ node_modules \ pixi.js \ src \ index.js：2：1）位于Object.Module._extensions..js的Module._compile（module.js：413：34） （module.js：422：10）D：\ Stuff \ Vamp \ vamp \ Vamp>

gulp pixi.js

1 回答

  • 3

    您需要删除此行：

    var PIXI = require('pixi.js');

    在你的gulp构建期间，你需要 pixi.js . 出于几个原因，这是错误的 .

    • 您实际上并没有在gulpfile中的任何地方使用 PIXI 做任何事情 . 那你为什么要求呢？

    • PixiJs是一个's targeting browsers. Your gulp build runs in node.js which doesn'具有 window 对象的WebGL渲染器 . 那个's why you'得到了那个错误 .

    • 您想将 pixi.js 和其他文件捆绑到一个 game.js 文件中 . 您不需要 pixi.js . 您只需要将 pixi.js 安装的路径传递给 gulp.src() ，如下所示：

    gulp.task('game', function(){
  return gulp.src([
    'node_modules/pixi.js/bin/pixi.js',
    'interface/js/gamelogic/**/*.js'
  ])
  .pipe(concat('game.js'))
  .pipe(gulp.dest('Vamp.Website/Resources/'));
});
    回复于

相关问题