web-dev-qa-db-ja.com

jspm / jQuery / TypeScript-モジュール「jquery」にはデフォルトのエクスポートがありません

bootstrap TypeScriptとjspmとsystem.jsを使用してモジュールをロードするWebアプリを作成しようとしています。jspmをインストールし、それを使用してjQueryをインストールすると、

jspm install jquery

そして基本:

<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($);
    }
}

「モジュール 'jquery'にはデフォルトのエクスポートがないため、TypeScriptはコンパイルされません。

生成されたconfig.jsには正しいマッピングがあります: "jquery": "npm:[email protected]"

26
user888734

モジュールにデフォルトのエクスポートがない場合は、モジュール全体をオブジェクトとしてインポートできます:import * as $ from "jquery";

または名前付きエクスポートのインポート:import { ajax, css } from "jquery";

69
Bob Sponge

visual studioを使用している場合は、TypeScriptプラグインを更新します。

Visual Studio 2017の最新バージョンを入手するには、 go there

0
Daniel