Uncaught ReferenceError: require не определен

Для проекта, над которым я работаю, я использую hodgepodge библиотек JavaScript. Основная логика моего кода разбита на несколько модулей commonjs. Я использую google закрытия, чтобы объединить модули в один выходной файл js, который я использую в своем приложении AngularJS.

Проблема, с которой я столкнулась, заключается в попытке выполнить тесты с testacular. Ошибка, которую я получаю, составляет Uncaught ReferenceError: require is not defined. Это происходит потому, что, в отличие от закрытия Google, testacular не понимает модули commonjs. Есть пара работ, которые я могу сделать, но я надеялся, что это сработает без перестройки моего кода.

  • Я могу восстановить модули, чтобы я больше не использовал commonjs. Мне это не нравится, потому что это похоже на шаг назад. Я хочу, чтобы мой код был модульным.
  • Я могу запустить testacular на скомпилированном js из закрытия Google. Я не против делать это таким образом, но я не смог запустить все, чтобы работать над изменениями файлов. Testacular может повторно запускаться при изменениях файла, но я все равно не видел, чтобы заставить Google закрывать повторную компиляцию при изменениях.
  • Наконец, я могу включить модуль commonjs в testacular. В идеале это то, как я хочу идти, но это может быть не самый простой.

Кто-нибудь еще сталкивается с подобной проблемой? Я открыт для разных целей; Я просто ничего не хочу взломать.

javaclassstreamreader.spec.js:

"use strict"

var JavaClassStreamReader = require('../javaclassstreamreader.js').JavaClassStreamReader;

describe('javaclassstreamreader', function() {

  it('reader can be constructed', function() {
    var dataView = {
      byteLength : 0
    };
    //FIXME load dataView

    var reader = new JavaClassStreamReader(dataView);
    expect(reader.dataView).toBe(dataView);
    expect(reader.offset).toBe(0);
    expect(reader.maxOffset).toBe(0);
  });

});

javaclassstreamreader.js:

function JavaClassStreamReader(dataView, initialOffset, maxBytesToRead) {
  this.dataView = dataView;
  this.offset = initialOffset || 0;
  this.maxOffset = this.offset + (maxBytesToRead || this.dataView.byteLength);
}
//... code trucated ...

Ответ 1

Мне не удалось заставить его работать с require, но у меня есть частичное решение.

grunt.js:

/*global module:false*/
module.exports = function(grunt) {"use strict";

  // Project configuration.
  grunt.initConfig({
    pkg : '<json:package.json>',
    meta : {
      banner : '/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - ' + '<%= grunt.template.today("yyyy-mm-dd") %>\n' + '<%= pkg.homepage ? "* " + pkg.homepage + "\n" : "" %>' + '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>;' + ' Licensed <%= _.pluck(pkg.licenses, "type").join(", ") %> */'
    },
    lint : {
      files : ['grunt.js', 'src/*.js', 'src/public/js/**/*.js', 'src/specs/**/*.js']
    },
    watch : {
      files : '<config:lint.files>',
      tasks : 'default'
    },
    exec : {
      ensure_generated_directory : {
        command : 'mkdir -p generated/js/'
      }
    },
    clean : {
      all : ['generated']
    },
    jshint : {
      files : '<config:lint.files>',
      options : {
        curly : true,
        eqeqeq : true,
        forin : true,
        immed : true,
        latedef : true,
        newcap : true,
        noarg : true,
        sub : true,
        undef : true,
        unused : true,
        strict : true,
        boss : true,
        eqnull : true,
        es5 : true,
        browser : true,
        jquery : true,
        devel : true
      },
      globals : {
        //jasmine
        describe : false,
        it : false,
        expect : false,
        //commonjs
        require : false,
        exports : true,
        //angular
        angular : false
      }
    },
    'closure-compiler' : {
      frontend : {
        closurePath : 'closure-compiler',
        js : ['src/*.js', 'src/public/js/**/*.js'],
        jsOutputFile : 'generated/js/complete-app.js',
        options : {
          externs : 'externs.js',
          compilation_level : 'SIMPLE_OPTIMIZATIONS',
          language_in : 'ECMASCRIPT5_STRICT',
          logging_level : 'ALL',
          debug : null,
          warning_level : 'verbose',
          summary_detail_level : 3,
          formatting : ['PRETTY_PRINT', 'PRINT_INPUT_DELIMITER'],
          common_js_entry_module : 'src/public/js/app.js',
          process_common_js_modules : null,
          process_jquery_primitives : null,
          common_js_module_path_prefix : 'src'
        }
      }
    },
    testacularServer : {
      integration : {
        options : {
          keepalive : true
        },
        configFile : 'testacular.conf.js',
        autoWatch : false,
        singleRun : true
      }
    }
  }); 

  // Default task.
  grunt.registerTask('default', 'lint exec:ensure_generated_directory closure-compiler testacularServer:integration');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-closure-compiler');
  grunt.loadNpmTasks('grunt-exec');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-testacular');
};

Я могу запустить grunt watch и получить аналогичный результат. хрюкать lints, затем компилируется, затем запускается testacular. Это не так быстро, как я надеялся. testacular запускает и останавливает сервер каждый раз.

Ответ 2

Кажется, есть/был issue с Testacular.

Не могли бы вы попробовать следующее:

  • clear npm cache: npm cache clean
  • установите другую версию testacular: npm install -g [email protected]