导入和导出时的基本Typescript应用程序问题
Basic Typescript app issue with importing and exporting
我有一个非常基本的Typescript应用程序,Chrome在打开我的index.html页面时抱怨如下:
出口未定义
导入未定义
app.ts
import Timer from "./models/timer";
class Startup {
public static main() {
// Initialize timer
var timer = new Timer(new Date("25/12/2015 00:00:00"));
// Start timer
timer.start();
}
}
Startup.main();
型号/定时器.ts
export default class Timer {
target: Date;
days: number;
hours: number;
minutes: number;
seconds: number;
constructor(target: Date) {
this.target = target;
}
start() {
var now = Date.now;
alert(now);
}
}
我使用的是Visual Studio代码,并有以下内容:
tsconfig.json
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"sourceMap": true
}
}
tasks.json
{
"version": "0.1.0",
"command": "tsc",
"isShellCommand": true,
"args": ["-p", "."],
"showOutput": "silent",
"problemMatcher": "$tsc"
}
来自您的错误:
exports is not defined
import is not defined
你需要一个模块加载程序!浏览器本身还不能理解模块。建议使用webpack
(其他选项包括浏览等)。
更多
快速启动:https://basarat.gitbook.io/typescript/content/docs/quick/browser.html
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 我只能将TypeScript用于Angular应用程序的部分吗
- TypeScript 1.8,多个.ts文件中的单个文件-应用程序结构
- 如何将Electron ipcRenderer集成到基于TypeScript的Angular 2应用程序中
- 如何在 Angular 2 / Typescript 应用程序中使用第三方 js 库
- 在 Angular 应用程序中将 JSON 解析为 Typescript 类
- 将ES5 JavaScript用于Angular 2应用程序以及使用TypeScript的优缺点是什么?
- 自动最小化大型TypeScript应用程序
- 在TypeScript React web应用程序中使用javascript库
- 导入和导出时的基本Typescript应用程序问题