未捕获的ReferenceError:未定义require

时间:2013-01-01 15:44:49

标签: javascript angularjs karma-runner google-closure-library commonjs

对于我正在处理的项目,我一直在使用JavaScript库的大杂烩。我的代码的主要逻辑分解为多个commonjs模块。我使用谷歌闭包将模块组合成一个输出js文件,我在AngularJS应用程序中使用它。

我遇到的问题是尝试用testacular进行测试。我收到的错误是Uncaught ReferenceError: require is not defined。它正在发生,因为与谷歌关闭不同,testacular不了解commonjs模块。我可以做几个工作,但我希望无需重构我的代码就可以使它工作。

  1. 我可以恢复模块,以便我不再使用commonjs。我不喜欢这个,因为它感觉像向后退了一步。我希望我的代码是模块化的。
  2. 我可以通过google关闭对已编译的js运行testacular。我不介意这样做,但我无法触发所有文件更改。 Testacular可以在文件更改上重新运行,但我还没有看到谷歌关闭重新编译更改。
  3. 最后,我可以在testacular中启用commonjs模块。理想情况下,这是我想要的方式,但它可能不是最容易的。
  4. 还有其他人遇到过类似的问题吗?我愿意尝试不同的事情;我只是不想要任何hacky。

    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 ...
    

2 个答案:

答案 0 :(得分:2)

似乎有一个issue与Testacular。

您可以尝试以下方法:

  • clear npm cache:npm cache clean
  • 安装另一个版本的testacular:npm install -g testacular@0.5.6

答案 1 :(得分: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并得到类似的结果。 grunt lints,然后编译,然后运行testacular。这并不像我希望的那么快。 testacular每次启动和停止服务器。