Error: No provider for t

Question

I am trying to compile my angular code to production mode via ng build --prod and its successful but in browser I get the error :

ERROR p {_         


        

Answer 1

I did not want to give up the optimization as the bundle size became about 8 times larger.

luckily it turned out to be something stupid :) I had providers:[] section in one of my components When I removed it the error has disappeared.

Hope this might be helpful for someone!

Answer 2

Disable the terser plugin by editing the file:

node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/common.js

and comment out:

extraMinimizers.push(new TerserPlugin({
  sourceMap: scriptsSourceMap,
  parallel: true,
  cache: true,
  terserOptions,
}));

rebuild the app with ng build frontend --prod and you should be able to see in the console which service can't be injected.

Answer 3

You are trying to use a service that is not listed in providers of your AppModule. Add the service to a providers list to make it work.

Answer 4

Run the following command and first find which service dependency is missing. Fix it locally, Prod build will automatically works.

ng serve --prod --optimization=false

Answer 5

Your trying to access Service but not provides in your Module