Error: No provider for "framework:jasmine"! (Resolving: framework:jasmine)

NpmJasmineKarma RunnerKarma Jasmine

Npm Problem Overview


I have run on my windows console:

npm install -g yo grunt-cli bower

npm install -g generator-angular

yo angular

Then I started my project with webstorm and did right click on the karma.conf.js file in the project explorer where I have the menu item 'Run karma.conf.js' and start the karma runner. Then I get his exception:

...\app\node_modules\karma\node_modules\di\lib\injector.js:9
      throw error('No provider for "' + name + '"!');
            ^
Error: No provider for "framework:jasmine"! (Resolving: framework:jasmine)

Then in the console I read I can also use --force so I tried it: grunt --force

It took some time but there seemed to be no more errors. Heck why does --force install a provider ??? THIS was TESTED in the CMD.

grunt serve now worked and it started my browser with the starting app.

So what was --force doing that the 'Error: No provider for "framework:jasmine"! (Resolving: framework:jasmine)' is gone ?

When I do grunt in the webstrom IDE I get again:

Warning: No provider for "framework:jasmine"! (Resolving: framework:jasmine) Use --force to continue.

So this problem is not solved.

Npm Solutions


Solution 1 - Npm

Grunt --force works because you tell it to bypass the karma tests. Notice if you run grunt --force, it'll still say "Done, but with warnings".

To fix: add "karma-jasmine" and "karma-chrome-launcher" (or whatever launcher you use) to the devDependencies in packages.json and run npm install again.

npm install karma-jasmine --save-dev

npm install karma-chrome-launcher --save-dev

This will save karma-jasmine and karma-chrome-launcher in your project's package.json file. The packages can then be installed by running:

npm install

Source: https://stackoverflow.com/questions/22367059/no-provider-for-frameworkjasmine-resolving-frameworkjasmine

Solution 2 - Npm

for me I didn't have the karma client installed globally.

npm install -g karma-cli

Solution 3 - Npm

And for those who are still new enough to Karma (like me), don't forget to make sure you've added the plugin to your karma.conf.js file. Finally occurred to me after running through most of these other proposed fixes : (

module.exports = function (config) {
  config.set({
    basePath: '',

    plugins: [
      'karma-chrome-launcher',
      'karma-jasmine'
    ],
...

Hope this helps someone out there, even though this question is now pretty ancient and doesn't seem the originator is still monitoring it ; )

Solution 4 - Npm

Adding a reply in case if someone still gets this error.

Karma-cli (karma start) will give Error: No provider for "framework:jasmine"! (Resolving: framework:jasmine) for one of the following reasons:

  1. You have not yet installed karma-jasmine node module and its not listed in devDependencies section in your package.json

Solution: npm install -D karma-jasmine

  1. You have a 'plugins' property array in your karma.config.js file, but this array has no mention of 'karma-jasmine'.

Solution: Add 'karma-jasmine' to plugins in karma.config.js or get rid of this whole 'plugins' property if possible.

plugins:['karma-jasmine']

  1. You have a global install of 'karma-cli' and when you do 'karma start', karma is trying to find the karma-jasmine module in global scope. Check global installed modules list using: npm list -g --depth=0.

Solution: Either install karma-jasmine also in global scope using 'npm install -g karma-jasmine' or remove karma from global scope and install it in local project scope. In later case you will have to add following to package.json:

"scripts" { 
 "test": "karma start"
}

and run karma using command 'npm run test' or 'npm test'.

Solution 5 - Npm

I struggled with the exact same problem. After investigating I realized that karma was running globally using '/usr/' directory as the base folder.

A solution that worked for me was to replace karma with karma-cli:

npm remove -g karma
npm install -g karma-cli

Solution 6 - Npm

For those of you using karma-spec-reporter and getting this error: "Error: No provider for "framework:jasmine"! (Resolving: framework:jasmine)"

In your karma.conf.js, remove: "plugins: ["karma-spec-reporter"]" and the error should go away.

Solution 7 - Npm

Here is the primary bug request on github https://github.com/yeoman/generator-angular/issues/629

According to this, the problem is more with the karma-generator in which used to contain these 2 extensions by default and no longer do.

Solution 8 - Npm

And for me, I didn't have the karma-jasmine globally.

npm install -g karma-jasmine

as described here: https://stackoverflow.com/questions/19185548/no-provider-error-on-karma-serve-running-angularjs-phonecat-tutorial

Solution 9 - Npm

npm i -D @types/es6-promise @types/es6-collections

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionHelloWorldView Question on Stackoverflow
Solution 1 - NpmgrantView Answer on Stackoverflow
Solution 2 - NpmKenView Answer on Stackoverflow
Solution 3 - NpmidclaarView Answer on Stackoverflow
Solution 4 - NpmPraymView Answer on Stackoverflow
Solution 5 - NpmSegev -CJ- ShmueliView Answer on Stackoverflow
Solution 6 - Npmmarrion luakaView Answer on Stackoverflow
Solution 7 - NpmbeauXjamesView Answer on Stackoverflow
Solution 8 - NpmcaioverissimoView Answer on Stackoverflow
Solution 9 - NpmDavem MView Answer on Stackoverflow