2016-02-05 57 views
11

我試圖引導一個Web應用程序使用TypeScript和jspm & system.js模塊加載。我不是很遠。jspm/jQuery/TypeScript - 模塊「jquery」沒有默認導出

jspm install jquery 

而且基礎:

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

main.ts:安裝JSPM,並用它來安裝的jQuery後

import $ from "jquery"; 

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

打字稿不能編譯,因爲「模塊「 jquery'沒有默認導出

生成的config.js有正確的映射:「jquery」:「npm:jquery @ 2.2.0"

+1

你有沒有試過'進口*爲$從「jquery」;'? –

+0

謝謝你的作品!如果您將此作爲答案提交,我可以接受。 – user888734

+0

這對我有用! – Dan

回答

41

當模塊沒有默認的導出,可以導入完整的模塊對象:import * as $ from "jquery";

或導入命名出口: import { ajax, css } from "jquery";

+1

命名的導出不起作用。模塊jquery沒有導出成員'css'。 – mradzinski

+0

不要忘記運行:npm安裝jquery。 – user321