Does not work with non-systemjs transpilers

[ashokac]

I see "Uncaught ReferenceError: System is not defined"

I am using "bootstrap 4.0.0-alpha.5" for my project. Please suggest if that worked for you.

[iacii]

I'm getting this error too, though I'm not using Bootstrap 4. In node_modules/angular-2-dropdown-multiselect/src, I noticed the following files:

• multiselect-dropdown.html
• multiselect-dropdown.ts
• multiselect-dropdown.js
• multiselect-dropdown.js.map

I don't think the .js files should be there. I'm little confused about how they're getting downloaded there, because I don't see them in the GitHub repo. Deleting those two files fixes the problem for me, but that's a less than ideal solution.

[softsimon]

The .js .js.map are there because they are published on NPM to fix #19, but that might have been a bad decision? I am using angular-cli and I am not getting this error as of now.

[iacii]

I'm no expert on these things, but I've noticed in many other libraries they have an index.js at the root along with a typescript definition file (index.d.ts). Then those files would reference files in a dist folder. For example: https://github.com/gevgeny/angular2-highcharts. Maybe something like that would work?

With that said, I did find another way to get it to work without deleting the js files. I simply changed my webpack config file to prioritize ts files first:

resolve: { extensions: ['', '.ts', '.js'] }

instead of:

resolve: { extensions: ['', '.js', '.ts'] }

[ashokac]

@iacii , Thanks for your response, But it didn't help me. I get the following error when I change the order in webpack.config.js.

ERROR in ./~/angular-2-dropdown-multiselect/src/multiselect-dropdown.ts
Module build failed: Error: Typescript emitted no output for /Users/chaas003/PTT/src/main/webapp/node_modules/angular-2-dropdown-multiselect/src/multiselect-dropdown.ts
at Object.loader (/Users/chaas003/PTT/src/main/webapp/node_modules/ts-loader/index.js:456:15)
@ ./src/module/app.module.ts 19:29-95

[iacii]

This may explain why you're getting that error if you're using ts-loader to transpile your typescript: TypeStrong/ts-loader#278.

I'm using awesome-typescript-loader with no problems, so you may want to consider switching to that.

[Pavelyev]

Version 0.4.0 works properly with angular2-template-loader and having in resolve.extensions .ts before .js. Thank you guys. I think that shipping package with .ts file is right way.

[nicholasguyett]

I've updated the exported module to use commonjs instead of systemjs. If you're using webpack, this should resolve your issue. Please try the latest release and let us know if this resolves your problem.

[nicholasguyett]

No response in 7 days. Assuming the fix worked and closing issue.

[saggy2012]

HI, I am getting below error.
Error loading angular-2-dropdown-multiselect/src/multiselect-dropdown
can somebody plz help on this.
using systemjs.config.js file .