Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jspm / jQuery / TypeScript - module "jquery" has no default export

I'm trying to bootstrap a web app using TypeScript and jspm & system.js for module loading. I'm not getting very far. After installing jspm, and using it to install jQuery:

jspm install jquery

And the basics:

<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
        System.import('main');
</script>

main.ts:

import $ from "jquery";

export class Application  {
    constructor() {
        console.log($);
    }
}

The TypeScript won't compile because "Module 'jquery' has no default export.

The generated config.js has the correct mapping: "jquery": "npm:[email protected]"

like image 854
user888734 Avatar asked Feb 05 '16 12:02

user888734


1 Answers

When the module doesn't have a default export, you can import the complete module as object: import * as $ from "jquery";

or import named exports: import { ajax, css } from "jquery";

like image 180
Bob Sponge Avatar answered Nov 13 '22 10:11

Bob Sponge