2016-06-06 3 views
1

Попытка работать с angular2 кли и primeng но сталкиваются ошибки: -primeng не работает с angular2 cli?

http://localhost:4200/vendor/primeng/primeng 404 (Не найдено)

то, что я сделал до сих пор: -

  • НПМ установки primeng

  • В angular-cli-build.js файл добавить путь следующим образом: -

    (...) 
        'primeng/**/*.+(js|js.map)' 
        (...) 
    
  • и использования в моем компоненте, как это: -

    import {Calendar} from 'primeng/primeng'; 
    

но получаю ошибку primeng не найдено, то я должен сделать что-нибудь еще, чтобы сделать эту работу?

ответ

4

Привету Вам нужно добавить ссылку на primeng в конфигурацию

var map = { 
    ... 
    'primeng' :   'primeng/primeng' 
    ... 
}; 

    //packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
    ... 
    'primeng' :   {main : "<path of its js file>", defaultExtension : "js"} 
    ... 
    }; 

var config = { 
    // DEMO ONLY! REAL CODE SHOULD NOT TRANSPILE IN THE BROWSER 
    transpiler: 'ts', 
    typescriptOptions: { 
     tsconfig: true 
    }, 
    meta: { 
     'typescript': { 
     "exports": "ts" 
     } 
    }, 
    map: map, 
    packages: packages 
    } 

    System.config(config); 

})(this); 

Надеется, что это помогает !!

+0

wooo его работая отлично, спасибо, не могли бы вы объяснить немного больше об этом? –

+0

Я испытываю ту же проблему и совершенно новую для угловой 2. Какой конфиг мы говорим здесь, какой файл является более точным? –

+1

Я говорю о файле systemjs.config.js –

3

Принятый ответ для System.js Im также используя primeNG с угловым кли и я установил его как зависимость, набрав

npm install --save primeng 

Позже appModule.ts убедитесь, что импорт

folloing
import {ChartModule} from 'primeng/primeng'; 
import {DialogModule} from 'primeng/primeng'; 

и в @NgModule массиве импорта, добавьте их, а также, как показано

imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    ChartModule, 
    DialogModule, 
    Ng2PaginationModule, 
    RouterModule.forRoot(appRoutes) 
    ], 
Смежные вопросы