Encountering an "Unknown Provider" issue while trying to inject a provider from another module into a

Question

Encountering an "Unknown Provider" issue while trying to inject a provider from another module into a

Having trouble with two modules, module A and module B, that are interdependent.

Module A is currently in the process of being bootstrapped. I need to inject a provider from module A into the config block of module B. Unfortunately, I keep getting an error saying "Unknown provider":

Failed to instantiate module A due to:
Error: [$injector:modulerr] Failed to instantiate module B due to:
Error: [$injector:unpr] Unknown provider: testProvider`

If you'd like to take a look at the code, here's the Plunkr link. It seems simple, but for some reason it's not working as expected.

javascript angularjs

Answer 1

Answer №1

Your scenario involves Module A depending on Module B, which in turn depends on Module A. This is not a valid configuration.

If Module A does not actually depend on Module B, simply remove it from the declaration:

var A = angular.module('A', []);

This adjustment will resolve the exception.

Furthermore, you must update the value of ng-app:

<html ng-app="B">

Please refer to the updated example on fixed Plunker.

Answer 2

Your scenario involves Module A depending on Module B, which in turn depends on Module A. This is not a valid configuration.

If Module A does not actually depend on Module B, simply remove it from the declaration:

var A = angular.module('A', []);

This adjustment will resolve the exception.

Furthermore, you must update the value of ng-app:

<html ng-app="B">

Please refer to the updated example on fixed Plunker.

Encountering an "Unknown Provider" issue while trying to inject a provider from another module into a

Answer №1

Similar questions

Trigger the angular $exceptionHandler in the Chrome console

The current context for type 'this' cannot be assigned to the method's 'this' of type '...'

Eliminate the presence of core-js in the nextjs bundle

Javascript Countdown Timer for HTML5 Canvas Animation

Obtaining a timestamp from a date string with a specific timezone/locale is simple and

Executing asynchronous operations and handling responses in Node.js with Express

Encountering a router issue when trying to export using Express middleware

Code snippet for fetching JavaScript file using Angular's caching mechanism

Controlling a first person shooter game using three.js

Executing a post request using axios

When trying to insert a string variable using Node and mysql, the operation fails

The check-all checkbox does not alter the properties of the selected object

Searching to loop through JSON within a Sequelize / Postgres database query in order to identify a corresponding value

Internet Explorer causing issues with Jasmine mocking ajax calls

muiSlider limited to specific range

Issue with Socket.IO: socket.on not executed

When I try to use angular.injector.invoke, I am encountering an issue

Updating a select menu with AJAX without the need for a <div> tag within the form

What is the best way to deactivate certain JavaScript functions on my webpage when accessed through a mobile device?

Browse through different states by clicking on the <a> </a> tag