2016-07-14 113 views
0

當我試圖去它採用angular2 - 谷歌 - 地圖模塊的組成部分,它給我這個錯誤:角2無法解析的翻譯:所有參數

Can't resolve all parameters for [object Object] (?). ; Zone: angular ; Task: Promise.then ;

我可以看不到這是哪個對象以及錯誤發生的原因。此外,這只是當我使用webpack生成app.bundle時發生。

我試圖加載該組件是:

import { Component, OnInit} from '@angular/core'; 
import {userInfo} from '../data/userInfo'; 
import { Http, Response } from '@angular/http'; 
import {Router} from '@angular/router'; 
import {ANGULAR2_GOOGLE_MAPS_DIRECTIVES, ANGULAR2_GOOGLE_MAPS_PROVIDERS} from 'angular2-google-maps/core'; 
import {ProjectNameComponent} from '../project-name-component/projectName.component'; 
import {LocationService} from './location.service'; 
@Component({ 
    selector: 'location', 
    templateUrl: 'app/location-component/location.component.html', 
    styleUrls: ['app/location-component/location.component.css', 'app/app.css'], 
    directives: [ANGULAR2_GOOGLE_MAPS_DIRECTIVES, ProjectNameComponent], 
    providers: [ANGULAR2_GOOGLE_MAPS_PROVIDERS], 
    inputs: ['locationShow'], 
}) 

和我systemjs.config.js文件是:

var map = { 
     'app': 'app', // 'dist', 
     '@angular': 'node_modules/@angular', 
     'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 
     'rxjs': 'node_modules/rxjs', 
     'angular2-datatable': 'node_modules/angular2-datatable', 
     'angular2-google-maps': 'node_modules/angular2-google-maps', 
     'lodash': 'node_modules/lodash/lodash.js', 
    }; 
    // packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
     'app': { main: 'main.js', defaultExtension: 'js' }, 
     'rxjs': { defaultExtension: 'js' }, 
     'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }, 
     'angular2-google-maps': { main: 'core.js', defaultExtension: 'js' }, 
     'angular2-datatable': { defaultExtension: 'js' }, 
    }; 

和我main.ts文件看起來像這樣:

import 'core-js'; 
import 'reflect-metadata'; 
import 'zone.js/dist/zone'; 

import {enableProdMode} from '@angular/core'; 
enableProdMode(); 

import { bootstrap } from '@angular/platform-browser-dynamic'; 
import { AppComponent } from './app.component'; 
import {APP_ROUTER_PROVIDERS} from './app.router'; 
import { Http, HTTP_PROVIDERS, Response} from '@angular/http'; 
bootstrap(AppComponent, [APP_ROUTER_PROVIDERS, HTTP_PROVIDERS]).catch(err => console.error(err)); 

回答

0

顯然,Angular 2無法識別依賴關係。未正確引用ANGULAR2_GOOGLE_MAPS_PROVIDERSANGULAR2_GOOGLE_MAPS_DIRECTIVES

我用於Angular 2的谷歌地圖版本很舊。我會建議任何想在他的Angular網站中實施Google地圖的人,去尋找version 0.12.0,它不應該有任何引用問題。

相關問題