jspm / jQuery / TypeScript - 模块 "jquery" 没有默认导出
jspm / jQuery / TypeScript - module "jquery" has no default export
我正在尝试 bootstrap 使用 TypeScript 和 jspm & system.js 进行模块加载的网络应用程序。我不会走得太远。安装 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($);
}
}
TypeScript 无法编译,因为“模块 'jquery' 没有默认导出。
生成的config.js具有正确的映射:"jquery":"npm:jquery@2.2.0"
当模块没有默认导出时,您可以将整个模块作为对象导入:import * as $ from "jquery";
或导入命名导出:
import { ajax, css } from "jquery";
如果您正在使用 visual studio
,请更新打字稿插件。
要获取 visual studio 2017 年的最新版本,go there
我正在尝试 bootstrap 使用 TypeScript 和 jspm & system.js 进行模块加载的网络应用程序。我不会走得太远。安装 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($);
}
}
TypeScript 无法编译,因为“模块 'jquery' 没有默认导出。
生成的config.js具有正确的映射:"jquery":"npm:jquery@2.2.0"
当模块没有默认导出时,您可以将整个模块作为对象导入:import * as $ from "jquery";
或导入命名导出:
import { ajax, css } from "jquery";
如果您正在使用 visual studio
,请更新打字稿插件。
要获取 visual studio 2017 年的最新版本,go there