Can't resolve all parameters for ToastrService: (?, [object Object], [object Object], [object Object], [object Object])

Question

I am applying toasterjs in my angular component. Here is my code. i have imported the ToastrService using the code:

import { ToastrService } from 'ngx-toastr';

and inject that service in the constructor

constructor(private toastrService: ToastrService) {    
}

this.toastrService.success('You are awesome!', 'Success!',)

But it is giving the following error:

Can't resolve all parameters for ToastrService: (?, [object Object], [object Object], [object Object], [object Object])

When I go to its definition, then it is taking 4 parameters. Here are the parameters:

success(message?: string, title?: string, override?: Partial<IndividualConfig>): ActiveToast;

I have added the module also:

imports: [
    ToastrModule.forRoot(),
    CommonModule,
    HttpModule,
    FormsModule,
    ReactiveFormsModule,
    TextboxModuleShared,
    DateTimeModuleShared,
    DropdownModuleShared
],

So how can I use the parameters because I want to only show success message?

this.toastrService.success('You are awesome!', 'Success!') not this.toastrService.success('You are awesome!', 'Success!',) — Houssem Romdhani, Mar 15 '18 at 15:42

David Walschots · Answer 1 · 2018-03-19T12:21:13.040

1

You have imported the ToastrModule in your app's NgModule in the incorrect order. It should be imported in the order as indicated by the documentation:

@NgModule({
  imports: [
    CommonModule,
    BrowserAnimationsModule, // required animations module
    ToastrModule.forRoot(), // ToastrModule added
  ],
  bootstrap: [App],
  declarations: [App],
})
class MainModule {}

You should also replace CommonModule with BrowserModule if this app is running in the browser as indicated here.

Note that the error doesn't occur while calling the success function, but while invoking the constructor of the ToastrService. Your error message clearly states that not all parameters for the ToastrService constructor can be resolved. Some of these parameters cannot be resolved, because no instances for those parameters have been created yet. To understand how this works, you should read the documentation on dependency injection within the Angular framework.

edited Mar 19 '18 at 12:21

answered Mar 15 '18 at 15:47

David Walschots

12,279
5
36
59

i have added module also but still same error happens – Gaurav_0093 Mar 15 '18 at 16:01
@Gaurav_0093 could you provide the code of adding the module? – David Walschots Mar 15 '18 at 16:04
yes sure NgModule({ bootstrap: [ AppComponent ], imports: [ ServerModule, AppModuleShared, ToastrModule.forRoot() ] }) – Gaurav_0093 Mar 15 '18 at 16:05
@Gaurav_0093 that's the module for the server, not for the client. Could you provide the client one? – David Walschots Mar 15 '18 at 16:09
please have a look on question here is the module i have edited – Gaurav_0093 Mar 15 '18 at 16:11
@Gaurav_0093 I have updated my answer based on your changes. – David Walschots Mar 15 '18 at 16:13

score 0 · Answer 2 · answered Nov 08 '19 at 11:01

Point to Consider : I was facing same issue. So here how I get solution

After installing 'ngx-toastr' Package and updating angular.json file with 'toastr.css
angular should be re-run by using ng-serve command, because app is not rendered by changing angular.json file

score 0 · Answer 3 · answered May 15 '20 at 12:10

0

Try to import 'Inject' decorator and then decorate parameter in constructor and as an argument you should add ToastrService like this:

constructor(@Inject(ToastrService) private toastyService: ToastrService ) { }

answered May 15 '20 at 12:10

Nedzad G

1,007
1
10
21

Can't resolve all parameters for ToastrService: (?, [object Object], [object Object], [object Object], [object Object])

3 Answers3