Uncaught ReferenceError: exports is not defined

Bonjour,
j’intègre jquery en typescript mais je trouve un erreur qui bloque mon travaille .. l'erreur est:

Citation:

code app.ts:

Code:

1
2
3
4
5
6
import * as $ from 'jquery'
 
$('.test').click(function(eventObject){
	alert('good morning');
	$('.ml').text("bonjour")
})

code app.js:

Code:

1
2
3
4
5
6
7
"use strict";
exports.__esModule = true;
var $ = require("jquery");
$('.test').click(function (eventObject) {
    alert('good morning');
    $('.ml').text("bonjour");
});

code tsconfig.json:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "lib": ["es2016","dom"],
        "pretty": true,
        "experimentalDecorators":true
    },
 
    "files": [
    	"app.ts",
    	"typings/index.d.ts",
    ],
 
    "excluse": ["node_modules"]
}

et code index.html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
	<title>test TS</title>
</head>
<body>
	<button id="test">ici</button>
 
<div id="ml"></div>
	<script src="app.js"></script> 
</body>
</html>

comment résoudre ce problème .. aussi je trouve ce problème mais par le clé 'required'