Console showing "Object.eval (/node_modules/ej-angular2/src/ej/spreadsheet.component.js:13:1)" error

[Joe]

Hi,

Any advice on what's wrong with my current settings would be appreciated.

(index):17 Error: (SystemJS) Unexpected token <

SyntaxError: Unexpected token <

at eval ()

at Object.eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:13:1)

at eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:332:4)

Evaluating http://localhost:54642/jquery-validation

Evaluating http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js

Evaluating http://localhost:54642/node_modules/ej-angular2/src/index.js

Evaluating http://localhost:54642/app/app.module.js

Evaluating http://localhost:54642/app/main.js

Error loading http://localhost:54642/app/main.js

at eval ()

at Object.eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:13:1)

at eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:332:4)

Evaluating http://localhost:54642/jquery-validation

Evaluating http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js

Evaluating http://localhost:54642/node_modules/ej-angular2/src/index.js

Evaluating http://localhost:54642/app/app.module.js

Evaluating http://localhost:54642/app/main.js

Error loading http://localhost:54642/app/main.js

[Joe]

Hi,

Any advice on what's wrong with my current settings would be appreciated.

(index):17 Error: (SystemJS) Unexpected token <

SyntaxError: Unexpected token <

at eval ()

at Object.eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:13:1)

at eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:332:4)

Evaluating http://localhost:54642/jquery-validation

Evaluating http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js

Evaluating http://localhost:54642/node_modules/ej-angular2/src/index.js

Evaluating http://localhost:54642/app/app.module.js

Evaluating http://localhost:54642/app/main.js

Error loading http://localhost:54642/app/main.js

at eval ()

at Object.eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:13:1)

at eval (http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js:332:4)

Evaluating http://localhost:54642/jquery-validation

Evaluating http://localhost:54642/node_modules/ej-angular2/src/ej/spreadsheet.component.js

Evaluating http://localhost:54642/node_modules/ej-angular2/src/index.js

Evaluating http://localhost:54642/app/app.module.js

Evaluating http://localhost:54642/app/main.js

Error loading http://localhost:54642/app/main.js

Problem fixed by adding 'syncfusion-javascript': 'npm:syncfusion-javascript' in systemjs.config.js

[Abinaya Subbiah]

Hi Joe, 

Thanks for contacting Syncfusion support. 

Also happy to hear that your issue has been resolved. We have implemented seed applications, to quick-start with Syncfusion JavaScript Angular components. Please refer to the below link for SystemJS seed application. 

https://github.com/syncfusion/angular2-seeds/tree/systemjs 

You can find module loading configuration in systemjs.config.js file to render Syncfusion Angular components. Refer to the below code snippet. 

/**
	* System configuration for Angular samples
	* Adjust as necessary for your application needs.
	*/
	(function (global) {
	System.config({
	paths: {
	// paths serve as alias
	'npm:': 'node_modules/'
	},
	// map tells the System loader where to look for things
	map: {
	// our app is within the app folder
	app: 'src',
	// angular bundles
	'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
	'@angular/common': 'npm:@angular/common/bundles/common.umd.js',
	'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
	'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
	'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
	'@angular/http': 'npm:@angular/http/bundles/http.umd.js',
	'@angular/router': 'npm:@angular/router/bundles/router.umd.js',
	'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
	// other libraries
	'rxjs': 'npm:rxjs',
	'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',
	'jquery': 'npm:jquery/dist/jquery.min.js',
	'jsrender': 'npm:jsrender/jsrender.min.js',
	'jquery-validation': 'npm:jquery-validation/dist/jquery.validate.min.js',
	'syncfusion-javascript': 'npm:syncfusion-javascript',
	'ej-angular2': 'npm:ej-angular2'
	},
	// packages tells the System loader how to load when no filename and/or no extension
	packages: {
	app: {
	main: './main.js',
	defaultExtension: 'js'
	},
	rxjs: {
	defaultExtension: 'js'
	},
	'angular2-in-memory-web-api': {
	main: './index.js',
	defaultExtension: 'js'
	},
	'ej-angular2': {
	main: './src/index.js'
	},
	'syncfusion-javascript': {
	defaultExtension: 'js'
	}
	}
	});
	})(this);

 

Refer to the below documentation link for getting started with seed application. 

https://help.syncfusion.com/angular/gettingstarted/getting-started-systemjs 

We also implemented Angular sample browser using our JavaScript Angular components.    

    

http://ng2jq.syncfusion.com/ 

Please let us know if you need further assist on this. 

Regards, 

Abinaya S