Angular 4应用程序错误:" core.es5.js:1169未捕获错误:没有PlatformRef的提供程序!"

时间:2017-09-04 15:02:06

标签: javascript angular typescript angular-cli

我尝试使用浏览器运行单页应用程序时遇到以下错误(我和chrome有相同的问题以及safari)。我起诉角度cli(角4)和打字稿。我有一个独特的组件和一个独特的模块。使用主要组件我试图从后端请求一些数据。

浏览器引发的问题:

import { Currency } from "./currency";
import { Map } from 'collections/map';

export class CalculatorCore {

private inputOutputCurrency: string = "EUR";

constructor() {
}


getMaxProfitCurrencyPath( price: number, currency: Currency, steps?: number, path?: Currency[]):Map<number,string[]> {

let returningPath: Map<number, string[]> =  new Map<number,string[]>();

currency.getConvertibles().forEach((key:Currency, value:number) => {

    if (!steps) {
      steps = 2;
    } else if (steps > 0) {
      steps--;
      if (currency.getLabel() == this.inputOutputCurrency){
        path = [];
    }

      path.push(key);

      this.getMaxProfitCurrencyPath(price*value, key, steps, path);
    } else if (steps == 0 && key.getConvertibles().has(this.inputOutputCurrency)){
          path.push(key.getConvertibles().get(this.inputOutputCurrency));
          returningPath.add(key.getConvertibles().get(this.inputOutputCurrency)*price, path);
        }
      });

return returningPath;
   }
}

错误似乎是由在主模块中注入的主要组件内部编写的以下代码行引起的:     让res = new CalculatorCore()。getMaxProfitCurrencyPath(500,dataManager.getCalculateDataStructure(&#34; EUR&#34;));

这里的clas CalculatorCore:

import {Component, OnInit} from '@angular/core';
import { KrakenClient } from 'kraken-api/kraken.js';
import {DataManager} from "./data-manager";
import {CalculatorCore} from "./calculator-core";


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent implements OnInit{

  ngOnInit(): void {
   let dataManager = new DataManager();

   let res =  new CalculatorCore().getMaxProfitCurrencyPath(500, dataManager.getCalculateDataStructure("EUR"));

   console.log(res);

  }

  constructor(){
    console.log("App-component constructor")
  }

}

这里是组件代码:

{{1}}

有人能够解释错误吗? 谢谢,

2 个答案:

答案 0 :(得分:1)

由无效bootstrap设置引起。

修复

使用angular-cli创建一个新项目,并通过angular来比较你引导的最新推荐指南。

答案 1 :(得分:0)

似乎问题是由于使用集合/地图造成的。