首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误:没有提供“框架:浏览器化”!(解决方案:框架:浏览)

错误:没有提供“框架:浏览器化”!(解决方案:框架:浏览)
EN

Stack Overflow用户
提问于 2015-07-28 21:44:25
回答 2查看 5.3K关注 0票数 8

我有一个Angularjs项目,我正在使用业力来运行测试。我遇到了一些问题,得到了这个错误:

代码语言:javascript
运行
复制
ReferenceError: Can't find variable: require
at http://localhost:9876/base/src/test/bower_components/angular-animate/index.js?b8fe1c0a06b723a75c7e596fd8a86d91965f681c:1

在一些论坛上,我被告知使用业力浏览器化,但我现在得到了这个错误:

代码语言:javascript
运行
复制
    28 07 2015 22:41:15.573:WARN [preprocess]: Can not load "browserify", it is not registered!
      Perhaps you are missing some plugin?
    /Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/node_modules/di/lib/injector.js:9
          throw error('No provider for "' + name + '"!');
                ^
    Error: No provider for "framework:browserify"! (Resolving: framework:browserify)
        at error (/Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/node_modules/di/lib/injector.js:22:68)
        at Object.parent.get (/Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/node_modules/di/lib/injector.js:9:13)
        at get (/Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/node_modules/di/lib/injector.js:54:19)
        at /Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/lib/server.js:128:20
        at Array.forEach (native)
        at Server._start (/Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/lib/server.js:127:21)
        at invoke (/Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/node_modules/di/lib/injector.js:75:15)
        at Server.start (/Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/lib/server.js:92:18)
        at Function.Server.start (/Users/brunosiqueira/WebstormProjects/copcast-admin/node_modules/karma/lib/server.js:101:10)
        at Object.<anonymous> (/Applications/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/intellijServer.js:10:8)
        at Module._compile (module.js:460:26)
        at Object.Module._extensions..js (module.js:478:10)
        at Module.load (module.js:355:32)
        at Function.Module._load (module.js:310:12)
        at Function.Module.runMain (module.js:501:10)
        at startup (node.js:129:16)

有人知道这是怎么回事吗?这是我的karma.conf文件:

代码语言:javascript
运行
复制
    {
      // Karma configuration
      // Generated on Tue May 19 2015 15:02:17 GMT+0100 (WEST)

      module.exports = function(config) {
        config.set({

          // base path that will be used to resolve all patterns (eg. files, exclude)
          basePath: '',

          plugins: [
            'karma-browserify',
            'karma-phantomjs-launcher',
            'karma-jasmine',
            'karma-ng-html2js-preprocessor',
            'karma-spec-reporter'

          ],

          // testing framework to use (jasmine/mocha/qunit/...)
          frameworks: [  'browserify','jasmine'],

          // list of files / patterns to load in the browser
          files: [
            'http://maps.googleapis.com/maps/api/js?sensor=false&language=en',
            // bower:js
            'bower_components/jquery/dist/jquery.js',
            'bower_components/bootstrap-sass/assets/javascripts/bootstrap.js',
            'bower_components/bootstrap-select/dist/js/bootstrap-select.js',
            'bower_components/angular/angular.js',
            'bower_components/angular-animate/angular-animate.js',
            'bower_components/angular-cookies/angular-cookies.js',
            'bower_components/angular-touch/angular-touch.js',
            'bower_components/angular-sanitize/angular-sanitize.js',
            'bower_components/angular-resource/angular-resource.js',
            'bower_components/angular-route/angular-route.js',
            'bower_components/angular-bootstrap/ui-bootstrap-tpls.js',
            'bower_components/angular-ui-utils/ui-utils.js',
            'bower_components/angular-ui-map/ui-map.js',
            'bower_components/angular-http-auth/src/http-auth-interceptor.js',
            'bower_components/ng-file-upload/ng-file-upload.js',
            'bower_components/ng-file-upload-shim/ng-file-upload-shim.js',
            'bower_components/angular-notify/dist/angular-notify.js',
            'bower_components/moment/moment.js',
            'bower_components/angular-gettext/dist/angular-gettext.js',
            // endbower
            'src/app/**/*.js',
            'src/app/views/**/*.html',
            'src/test/**/*.js'
          ],

          // list of files / patterns to exclude
          exclude: [
          ],

          // preprocess matching files before serving them to the browser
          // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
          preprocessors: {
            '**/*.html': ['ng-html2js'],
            '**/*.js': [ 'browserify' ]
          },
          ngHtml2JsPreprocessor: {
            // strip this from the file path
            stripPrefix: 'src/',
            // prepend this to the


            // setting this option will create only a single module that contains templates
            // from all the files, so you can load them all with module('foo')
            moduleName: 'templatesForTest'
          },

          // test results reporter to use
          // possible values: 'dots', 'progress', 'spec'
          // available reporters: https://npmjs.org/browse/keyword/karma-reporter
          reporters: ['spec'],


          // web server port
          port: 9876,


          // enable / disable colors in the output (reporters and logs)
          colors: true,


          // level of logging
          // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
          logLevel: config.LOG_INFO,


          // enable / disable watching file and executing tests whenever any file changes
          autoWatch: true,


          // start these browsers
          // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
          browsers: ['PhantomJS'],


          // Continuous Integration mode
          // if true, Karma captures browsers, runs the tests and exits
          singleRun: false
        });
      };

    }
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-07-31 20:44:16

在不同版本的库中,我遇到了一些问题。但最后,我不得不这样做:

我的package.json文件:

代码语言:javascript
运行
复制
"karma": "0.12.0",
"karma-html2js-preprocessor": "0.1.0",
"karma-jade-preprocessor": "0.0.11",
"karma-jasmine": "0.1.5",
"karma-ng-html2js-preprocessor": "0.1.2",
"karma-phantomjs-launcher": "0.1.4",
"karma-requirejs": "0.2.1",
"karma-script-launcher": "0.1.0",
"karma-coffee-preprocessor": "0.2.1",

"brfs": "^1.2.0",
"browserify-shim": "~3.8.0",
"karma-browserify": "^3.0.0",

我的karma.conf.js文件:

代码语言:javascript
运行
复制
 // Karma configuration
 // Generated on Tue May 19 2015 15:02:17 GMT+0100 (WEST)
module.exports = function(config) {
  config.set({

// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: '',

// testing framework to use (jasmine/mocha/qunit/...)
frameworks: [ 'jasmine', 'browserify'],

// list of files / patterns to load in the browser
files: [
  'http://maps.googleapis.com/maps/api/js?sensor=false&language=en',
  // bower:js
  'bower_components/jquery/dist/jquery.js',
  'bower_components/bootstrap-sass/assets/javascripts/bootstrap.js',
  'bower_components/bootstrap-select/dist/js/bootstrap-select.js',
  'bower_components/angular/angular.js',
  'bower_components/angular-animate/angular-animate.js',
  'bower_components/angular-cookies/angular-cookies.js',
  'bower_components/angular-touch/angular-touch.js',
  'bower_components/angular-sanitize/angular-sanitize.js',
  'bower_components/angular-resource/angular-resource.js',
  'bower_components/angular-route/angular-route.js',
  'bower_components/angular-mocks/angular-mocks.js',
  'bower_components/angular-bootstrap/ui-bootstrap-tpls.js',
  'bower_components/angular-ui-utils/ui-utils.js',
  'bower_components/angular-ui-map/ui-map.js',
  'bower_components/angular-http-auth/src/http-auth-interceptor.js',
  'bower_components/ng-file-upload/ng-file-upload.js',
  'bower_components/ng-file-upload-shim/ng-file-upload-shim.js',
  'bower_components/angular-notify/dist/angular-notify.js',
  'bower_components/moment/moment.js',
  'bower_components/angular-gettext/dist/angular-gettext.js',
  // endbower
  'src/app/**/*.js',
  'src/app/views/**/*.html',
  'src/test/**/*.js'
],

// list of files / patterns to exclude
exclude: [
],

// preprocess matching files before serving them to the browser
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
preprocessors: {
  '**/*.html': ['ng-html2js'],
  'src/**/*.js': ['browserify']
},

browserify: {
  debug: true,
  transform: [ 'brfs' ]
},
ngHtml2JsPreprocessor: {
  // strip this from the file path
  stripPrefix: 'src/',
  // prepend this to the


  // setting this option will create only a single module that contains templates
  // from all the files, so you can load them all with module('foo')
  moduleName: 'templatesForTest'
},

// test results reporter to use
// possible values: 'dots', 'progress', 'spec'
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
reporters: ['spec'],


// web server port
port: 9876,


// enable / disable colors in the output (reporters and logs)
colors: true,


// level of logging
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
logLevel: config.LOG_INFO,


// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,


// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: ['PhantomJS'],


// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false
  });
};

更新

最近,我将我所有的库更新到了最新的版本,并且再次得到了这个错误。我意识到我错过了图书馆,浏览和观察他们自己。所以我安装了两个缺失的库,一切都很完美。

代码语言:javascript
运行
复制
npm install --save-dev karma-browserify browserify watchify
票数 1
EN

Stack Overflow用户

发布于 2016-02-04 18:57:26

我也有过类似的问题:

警告:没有提供“框架:摩卡”!(解决办法:框架:摩卡)

发生这种情况是因为我没有包括插件。正确配置:

代码语言:javascript
运行
复制
...
singleRun: true,
plugins: ['karma-phantomjs-launcher', 'karma-mocha'], // here
frameworks: ['mocha'],
...

同样值得一提的是,您需要安装插件:

代码语言:javascript
运行
复制
npm install karma-mocha --save-dev

https://www.npmjs.com/package/karma-mocha

经过进一步的实验,如下所示,当您还没有包含指定框架的插件时,就会传递错误消息:

代码语言:javascript
运行
复制
...
plugins: ['karma-phantomjs-launcher', 'karma-mocha', 'karma-chai'],
frameworks: ['mocha', 'chai'],  // Will require the plugins above
...
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31687669

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档