Error

[BugsyFTW]

Hey Prime Community, i'm here because i've installed PrimeNG correctly for Angular2, but for some akward (unknown/stupidity) reason it doesn't seems to be working for me. I've done the setup tutorial but everytime i add a Directive it gives me an error:

Code: Select all

zone.js:101   GET http://localhost:3000/angular2/core 404 (Not Found)
scheduleTask	@	zone.js:101
ZoneDelegate.scheduleTask	@	zone.js:336
Zone.scheduleMacroTask	@	zone.js:273
(anonymous function)	@	zone.js:122
send	@	VM14278:3
fetchTextFromURL	@	system.src.js:1156
(anonymous function)	@	system.src.js:1739
ZoneAwarePromise	@	zone.js:584
(anonymous function)	@	system.src.js:1738
(anonymous function)	@	system.src.js:2764
(anonymous function)	@	system.src.js:3338
(anonymous function)	@	system.src.js:3605
(anonymous function)	@	system.src.js:3990
(anonymous function)	@	system.src.js:4453
(anonymous function)	@	system.src.js:4705
(anonymous function)	@	system.src.js:408
ZoneDelegate.invoke	@	zone.js:323
Zone.run	@	zone.js:216
(anonymous function)	@	zone.js:571
ZoneDelegate.invokeTask	@	zone.js:356
Zone.runTask	@	zone.js:256
drainMicroTaskQueue	@	zone.js:474
ZoneTask.invoke	@	zone.js:426

Error: Error: XHR error (404 Not Found) loading http://localhost:3000/angular2/core
	    at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:769:30)
	    at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:356:38)
	    at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:256:48)
	    at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:423:34)
	Error loading http://localhost:3000/angular2/core as "angular2/core" from http://localhost:3000/node_modules/primeng/components/accordion/accordion.js

zone.js:101 GET http://localhost:3000/angular2/common 404 (Not Found)
scheduleTask	@	zone.js:101
ZoneDelegate.scheduleTask	@	zone.js:336
Zone.scheduleMacroTask	@	zone.js:273
(anonymous function)	@	zone.js:122
send	@	VM14278:3
fetchTextFromURL	@	system.src.js:1156
(anonymous function)	@	system.src.js:1739
ZoneAwarePromise	@	zone.js:584
(anonymous function)	@	system.src.js:1738
(anonymous function)	@	system.src.js:2764
(anonymous function)	@	system.src.js:3338
(anonymous function)	@	system.src.js:3605
(anonymous function)	@	system.src.js:3990
(anonymous function)	@	system.src.js:4453
(anonymous function)	@	system.src.js:4705
(anonymous function)	@	system.src.js:408
ZoneDelegate.invoke	@	zone.js:323
Zone.run	@	zone.js:216
(anonymous function)	@	zone.js:571
ZoneDelegate.invokeTask	@	zone.js:356
Zone.runTask	@	zone.js:256
drainMicroTaskQueue	@	zone.js:474
ZoneTask.invoke	@	zone.js:426

[cagatay.civici]

Can you post your system js config please, in case you are using system.js.

[BugsyFTW]

Sure, here it is:

Code: Select all

(function(global) {

  // map tells the System loader where to look for things
  var map = {
    'app':                        'app', // 'dist',
    'rxjs':                       'node_modules/rxjs',
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
    '@angular':                   'node_modules/@angular',
    'primeng':                    'node_modules/primeng'
  };

  // 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': { defaultExtension: 'js' },
    'primeng':                    { defaultExtension: 'js' }
  };

  var packageNames = [
    '@angular/common',
    '@angular/compiler',
    '@angular/core',
    '@angular/http',
    '@angular/platform-browser',
    '@angular/platform-browser-dynamic',
    '@angular/router-deprecated',
    '@angular/testing',
    '@angular/upgrade',
  ];

  // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
  packageNames.forEach(function(pkgName) {
    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
  });

  var config = {
    map: map,
    packages: packages
  }

  // filterSystemConfig - index.html's chance to modify config before we register it.
  if (global.filterSystemConfig) { global.filterSystemConfig(config); }

  System.config(config);

})(this);

[cagatay.civici]

So the app works but when you add PrimeNG it fails? I'd suggest starting with the angular2 quickstart and add PrimeNG to it using our tutorial at setup page;

https://angular.io/docs/ts/latest/quickstart.html

Also please compare with;

https://github.com/primefaces/primeng-quickstart