2016-09-03 4 views
0

Я использую fountainJS Angular2 generator с Typcript и Systems.js для строительных лесов проекта. https://github.com/FountainJS/generator-fountain-angular2FountainJS Angular2 установка компонента угловой2-google-maps issue

Но у меня проблема, я не могу добавить компонент в проект. Когда я поставил импорт {GOOGLE_MAPS_DIRECTIVES} Я получаю эту ошибку

system.src.js:1057 GET http://localhost:3000/node_modules/angular2-google-maps/core/index.js 404 (Not Found) 

enter image description here

Я прошел через этот https://angular-maps.com/docs/getting-started.html «Начало работы» секцию и добавил код, чтобы jspm.config.js файла, но я не» У меня есть файл angular-cli-build.js внутри моего проекта.

Мои jspm.config.js

SystemJS.config({ 
    packageConfigPaths: [ 
    'npm:@*/*.json', 
    'npm:*.json', 
    'github:*/*.json' 
    ], 
    map: { 
    'angular2-google-maps': 'node_modules/angular2-google-maps', 
    '@angular/common': 'npm:@angular/[email protected]', 
    '@angular/compiler': 'npm:@angular/[email protected]', 
    '@angular/core': 'npm:@angular/[email protected]', 
    '@angular/http': 'npm:@angular/[email protected]', 
    '@angular/platform-browser': 'npm:@angular/[email protected]', 
    '@angular/platform-browser-dynamic': 'npm:@angular/[email protected]', 
    '@angular/router': 'npm:@angular/[email protected]', 
    'es6-shim': 'npm:[email protected]', 
    'os': 'github:jspm/[email protected]', 
    'process': 'github:jspm/[email protected]', 
    'reflect-metadata': 'npm:[email protected]', 
    'rxjs': 'npm:[email protected]', 
    'ts': 'github:frankwallis/[email protected]', 
    'zone.js': 'npm:[email protected]' 
    }, 
    packages: { 
    'angular2-google-maps/core': { 
     defaultExtension: 'js', 
     main: 'index.js' // you can also use core.umd.js here, if you want faster loads 
    }, 
    'github:frankwallis/[email protected]': { 
     'map': { 
     'typescript': 'npm:[email protected]' 
     } 
    }, 
    'github:jspm/[email protected]': { 
     'map': { 
     'os-browserify': 'npm:[email protected]' 
     } 
    } 
    } 
}); 

ответ

0

Вы получаете node_modules/angular2-google-maps/core/index.js 404 (Not Found) потому node_modules не доступны на веб-сервере используется npm run serve.

Если вам нужно node_modules быть доступны по коду клиента, вы должны маршрут добавить его в conf/browsersync.conf.js:

routes: { 
    '/node_modules': 'node_modules', 

В качестве альтернативы, вы можете использовать JSPM вместо НПМ установить angular2-Google-карты:

jspm install angular2-google-maps 

и jspm изменит jspm.config.js, чтобы добавить правильное сопоставление для угловых2-google-карт.

НО, после того, как 404 ошибка исправлена, я получаю в настоящее время

system.src.js:123 Uncaught (in promise) Error: (SystemJS) core_1.NgModule is not a function 
TypeError: core_1.NgModule is not a function 

, который, вероятно, означает, что последняя angular2-Google-карты is incompatible with angular2-rc4 установлен генератор-фонтан-angular2.