How to utilize jQuery in Commerce SDK project?

[zhangguanghuib]

Partner develop is asking how to utilize jQuery in Commerce SDK POS extension project, I tried some ways but none of them working, can you please advise how to utilize jQuery?

What I did is:

• Install Jquery Nuget Package to the POS extension project:

• Manifest file:

• tsconfig file:

But the problem is:

In the extension code, when import $ and then try use it:

When open Store Commerce, we will face this application error:

Question:

Can you please check how jQuery is able to be utilized in Commerce SDK POS extension project?

[madyke]

Hello @zhangguanghuib - if you haven't seen it already, there's a doc to help get third-party libraries like jQuery set up:
Consume external or third party libraries like Knockout.js in POS extensions
It looks like you've got everything set up correctly, but if you haven't seen this doc it's probably worth double checking to make sure you followed all the steps there.

Assuming all of the setup is correct, you'll probably need to take a look at the error that Store Commerce is throwing when you open it. It may actually be an issue with whatever the .tooltip function is that it's complaining about, rather than a problem loading jQuery itself. You should be able to put a breakpoint there or inspect the error. If the $ object exists (meaning it's not null) then jQuery is loading correctly and the error is actually with some implementation in the code.

[zhangguanghuib]

@madyke I fixed this issue with these steps:

1. Download jQuery.d.ts from https://www.nuget.org/packages/jquery.TypeScript.DefinitelyTyped/
   
2. Put in under any folder like this:
   
   
   
   Then it worked