Angulaire 6 - ne peut pas résoudre tous les paramètres pour AppComponent

Je suis en train de créer une application avec Angulaire 6 et je suis toujours à la mise en place. Mais il semble qu'il y ait quelque chose de mal avec l'injection de dépendance dans mon application.

Il ne peut pas résoudre tous les paramètre du constructeur. Ils entraîner dans tous les Uncaught Error: Can't resolve all parameters for AppComponent: (?).. Même un service personnalisé résultats dans la même erreur.

Versions (omis les dépendances qui ne peut pas avoir une quelconque influence sur cette)

 "dependencies": {
    "@angular/common": "6.0.5",
    "@angular/compiler": "6.0.5",
    "@angular/core": "6.0.5",
    "@angular/forms": "6.0.5",
    "@angular/http": "6.0.5",
    "@angular/platform-browser": "6.0.5",
    "@angular/platform-browser-dynamic": "6.0.5",
    "@angular/router": "6.0.5",
    "core-js": "2.5.7",
    "reflect-metadata": "0.1.12",
    "rxjs": "6.2.1",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@angular/compiler-cli": "6.0.5",
    "@ngtools/webpack": "6.0.8",
    "angular2-template-loader": "0.6.2",
    "awesome-typescript-loader": "5.1.0",
    "typescript": "2.7.2",
    "webpack": "4.12.0",
    "webpack-cli": "3.0.8",
    "webpack-dev-server": "3.1.4",
  }

app.le module.ts

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

TestService.ts

import {Injectable} from "@angular/core";

@Injectable({
  providedIn: 'root'
})
export class TestService {

  constructor() {
    console.warn("It works!");
  }

  public sayHello(): string {
    return "hello world!";
  }
}

App.composante.ts

import {Component} from '@angular/core';
import {TestService} from "./TestService";

@Component({
  selector: 'sh-home',
  styleUrls: ['./home.scss'],
  templateUrl: './home.html'
})
export class HomeComponent {

  constructor(testService: TestService) {
    testService.sayHello();
  }
}

L'injection de la TestService donne l'erreur dans ce cas


Principal.ts

import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';

import {AppModule} from './app/app.module';
import './assets/scss/styles.global.scss'; //Import the global scss files

//Polyfills
import './Polyfills';

if (process.env.NODE_ENV === 'production') {
    enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);

Polyfills.ts

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';

/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js';  //Run `npm install --save classlist.js`.

/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';


/** Evergreen browsers require these. **/
//Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
import 'core-js/es7/reflect';

/***************************************************************************************************
 * Zone JS is required by default for Angular itself.
 */
import 'zone.js/dist/zone';  //Included with Angular CLI.

Je ne suis pas à l'aide de la CLI, mais une coutume starter. J'ai inclus tout de même polyfills comme Angulaires-CLI fait, donc je ne suis pas en manque aucune.

Personne ne voir ce que je fais de mal?


Mise à jour

J'ai simplifié le cas de test et remarqué qu'il n'est pas le module de traduction. Même si je créer un service simple je ne peut pas utiliser l'injection de dépendance. L'adjonction d'un service à la providers liste ne fonctionne pas non plus (et ne devrait pas être nécessaire, depuis que je suis à l'aide de l'angle de 6 'provideIn: root').

  • avez-vous ajouté ce service : TranslateService dans l'app.le module.ts sous providers : [] ?
  • J'ai essayé, mais sans succès 🙁
  • quelle est l'erreur
  • Erreur non interceptée: ne Peut pas résoudre tous les paramètres pour AppComponent: (?).
  • Avez-vous trouvé une solution? Je suis d'avoir exactement le même problème
  • J'ai renoncé à ce problème. J'ai cessé d'utiliser le starter et est passé à la CLI. Donc, malheureusement, non, je havn'pas trouvé une solution à ce problème.
  • ok, merci, c'est vraiment ennuyeux..
  • Avez-vous encore? Je vais avoir la même chose ici. Il a été précédemment, et maintenant ses pas. Dites-moi comment avez-vous résolu ce problème?
  • malheureusement, je dois vous donner la même réponse que j'ai donné Steven, pas encore trouvé de solution. Je suis passé à la CLI et abandonna mon starter.
  • Bonjour; A u trouver une solution pour ce problème?

InformationsquelleAutor Mr.wiseguy | 2018-06-21