Closed snkrishnan1 closed 7 years ago
Try version 3.0.0, use the UMD bundle directly not the module files.
Thanks for your reply. I have changed my systemjs.config.js file as per below and now it works. If I refer angular2-modal to 3.0.1 version, then I am facing the same issue as mentioned above. but version 2.0.2 seems to work fine. Any ideas why it is not working in 3.0.1 version?
(function (global) {
var ngVer = '@4.1.1'; // lock in the angular package version; do not let it float to current!
var routerVer = '@4.1.1'; // lock router version
var formsVer = '@4.1.1'; // lock forms version
var angular2ModalVer = '@2.0.2';
var plugin = 'bootstrap'; // js-native / vex
global.angular2ModalVer = angular2ModalVer;
//map tells the System loader where to look for things
var map = {
'app': 'app',
'@angular': 'https://unpkg.com/@angular', // sufficient if we didn't pin the version
'@angular/router': 'https://unpkg.com/@angular/router' + routerVer,
'@angular/forms': 'https://unpkg.com/@angular/forms' + formsVer,
'angular2-in-memory-web-api': 'https://unpkg.com/angular2-in-memory-web-api', // get latest
'rxjs': 'https://unpkg.com/rxjs@5.0.1',
'ts': 'https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js',
'typescript': 'https://unpkg.com/typescript@1.9.0-dev.20160409/lib/typescript.js',
'angular2-modal': 'https://unpkg.com/angular2-modal' + angular2ModalVer
};
//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-modal': { defaultExtension: 'js', main: 'bundles/angular2-modal.umd' }
//'angular2-modal': {
// main: 'bundles/angular2-modal.umd',
// defaultExtension: 'js',
//},
//'angular2-modal/bundles/bootstrap': {
// main: 'angular2-modal.bootstrap.umd',
// defaultExtension: 'js'
//}
};
//var packages = {
// 'app': { main: './main.js', defaultExtension: 'ts' },
// 'rxjs': { defaultExtension: 'js' },
// 'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
// 'angular2-modal': { defaultExtension: 'js', main: 'bundles/angular2-modal.umd' }
//};
// UMD bundles
map[`angular2-modal/plugins/${plugin}`] = map['angular2-modal'] + '/bundles';
packages[`angular2-modal/plugins/${plugin}`] = { defaultExtension: 'js', main: `angular2-modal.${plugin}.umd` };
// Uncomment to use Individual files/modules
// map[`angular2-modal/plugins/${plugin}`] = map['angular2-modal'] + `/plugins/${plugin}`;
// packages['angular2-modal'] = { defaultExtension: 'js', main: 'index' };
// packages[`angular2-modal/plugins/${plugin}`] = { defaultExtension: 'js', main: `index` };
var ngPackageNames = [
'common',
'compiler',
'core',
'http',
'platform-browser',
'platform-browser-dynamic',
'upgrade',
];
// Add map entries for each angular package
// only because we're pinning the version with `ngVer`.
ngPackageNames.forEach(function (pkgName) {
map['@angular/' + pkgName] = 'https://npmcdn.com/@angular/' + pkgName + ngVer;
});
// Add package entries for angular packages
ngPackageNames.concat(['forms', 'router', 'router-deprecated']).forEach(function (pkgName) {
// Bundled (~40 requests):
packages['@angular/' + pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
// Individual files (~300 requests):
//packages['@angular/'+pkgName] = { main: 'index.js', 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);
This is a SysteJS configuration issue.
Personally I suggest moving to webpack...
For SystemJS configuration you can compare your setup to this plunker setup and see what's wrong.
As you can see, plunker is working so it is a configuration issue at your end... closing.
I am facing some issues in loading angular2-modal popup. Getting this exception "Unexpected token < - missing file lib/angular2-modal/plugins/bootstrap.js" After compiling when I try to launch the application, it is trying to evaluate the file in the path
"Evaluating http://localhost:49928/lib/angular2-modal/plugins/bootstrap.js"
But in the specified location no such file exists and hence the application is getting crashed. Under the lib/angular2-modal/plugins/ folder, bootstrap.js file doesn't exists. But why is it looking for this file here?
SystemJS.Config.js file is as below
My package.json
AppModule.ts
Any ideas why I am getting this error? Why it is looking for bootstrap.js file under angular2-modal folder?