Ember cli - Cannot find module 'jquery' when importing NPM package using ember-browserify

Question

I have installed the jscrollpane node module:

$npm install --save-dev jscrollpane

I have also installed ember-browserify, so that I can import npm modules into my ember components, as per this article.

I import the module into my component:

import Jscrollpane from 'npm:jscrollpane';

The module is found, but I get this error:

Error: Cannot find module 'jquery' from '/Users/username/my-app/node_modules/jscrollpane/script'

I have read this article which suggests adding jQuery to the relevant npm module (In this case my-app/node_modules/jscrollpane/script.).

It seems undesirable to add an additional copy of jQuery to a node module directory- is there a better way of making node modules aware of where to find the core Ember cli version of it?

user918510 · Accepted Answer · 2016-11-16 13:51:22Z

0

I think jScrollPane is attempting to resolve a copy of jQuery loaded via AMD (https://github.com/aibarra988/jScrollPane/blob/master/script/jquery.jscrollpane.js#L68-L73). ember-cli uses a custom resolver which does not have jQuery exposed in the global scope. ember.js includes jQuery by default under Ember.$. quick ideas on solutions:

write some kind of shim that exposes Ember.$ to jquery as jScrollPane expects by default
find jScrollPane packaged for bower and import it within ember-cli-build.js (not "the best" but it works)
embed a modified version of the file within vendor directory and import it using ember-cli-build.js. e.g. app.import('vendor/js/something.jquery.js'); If you want to do this the "right way", I suggest asking around in slack: https://embercommunity.slack.com/messages/-ember-cli/

answered Nov 16, 2016 at 13:51

user918510

Sign up to request clarification or add additional context in comments.

Comments

AJP · Accepted Answer · 2016-11-21 12:34:23Z

0

I have since found Ember Perfect Scrollbar which does the same thing as jScrollpane, but works perfectly with Ember.

answered Nov 21, 2016 at 12:34

AJP

5453 silver badges17 bronze badges

Collectives™ on Stack Overflow

Ember cli - Cannot find module 'jquery' when importing NPM package using ember-browserify

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related