-
Notifications
You must be signed in to change notification settings - Fork 19
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
No provider for EcoFabSpeedDialComponent! #28
Comments
I cannot reproduce in a brand new Angular 9.0.3 project, neither in development nor production mode. The project was created with the following commands, using default answers when needed: ng new test-fab --minimal
cd test-fab/
yarn add @ecodev/fab-speed-dial
ng add @angular/material Then the project code was modified as follow to show a basic fab-speed-dial: diff --git src/app/app.component.ts src/app/app.component.ts
index deaacde..b10841a 100644
--- src/app/app.component.ts
+++ src/app/app.component.ts
@@ -8,6 +8,19 @@ import { Component } from '@angular/core';
<h1>
Welcome to {{title}}!
</h1>
+
+<eco-fab-speed-dial>
+ <eco-fab-speed-dial-trigger>
+ <button mat-fab (click)="doAction('trigger')"><mat-icon>menu</mat-icon></button>
+ </eco-fab-speed-dial-trigger>
+
+ <eco-fab-speed-dial-actions>
+ <button mat-mini-fab (click)="doAction('action1')"><mat-icon>add</mat-icon></button>
+ <button mat-mini-fab (click)="doAction('action2')"><mat-icon>edit</mat-icon></button>
+ <button mat-mini-fab (click)="doAction('action3')"><mat-icon>search</mat-icon></button>
+ </eco-fab-speed-dial-actions>
+</eco-fab-speed-dial>
+
<span style="display: block">{{ title }} app is running!</span>
<img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
</div>
@@ -29,4 +42,5 @@ import { Component } from '@angular/core';
})
export class AppComponent {
title = 'test-fab';
+ public doAction(foo){}
}
diff --git src/app/app.module.ts src/app/app.module.ts
index de5e54d..66040b1 100644
--- src/app/app.module.ts
+++ src/app/app.module.ts
@@ -3,6 +3,9 @@ import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { EcoFabSpeedDialModule } from '@ecodev/fab-speed-dial';
@NgModule({
declarations: [
@@ -10,7 +13,10 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
],
imports: [
BrowserModule,
- BrowserAnimationsModule
+ BrowserAnimationsModule,
+ MatButtonModule,
+ MatIconModule,
+ EcoFabSpeedDialModule,
],
providers: [],
bootstrap: [AppComponent] Will correctly build:
What are you doing different than this ? |
i also cannot reproduce in a brand new Angular 9.0.3 project. but i also cant see a big difference. can it be that modules interfere with each other? |
Never heard of modules interferences in that way, but who knows... Did you try to to upgrade everything ? |
I did but that kinda broke everything are the any specific things to update? |
Try to update at least all @angular/* packages
|
I get this error with angular 9. im on the latest fab-speed-dial version.
my imports look like this
The text was updated successfully, but these errors were encountered: