问题遇到的现象和发生背景
使用webpack打包tsx文件后,在浏览器中报define is not defined
帮忙看看是什么原因了
问题相关代码,请勿粘贴截图
html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script type="text/javascript" src="src/index.js"></script>
</head>
<body>
<div id="container"></div>
</body>
</html>
tsx文件(只有一行代码)
const aaa = "123";
tsconfig.json
{
"compilerOptions": {
"module": "amd",
"moduleResolution": "node",
"sourceMap": true,
"target": "es5",
"strictNullChecks": true,
"noUnusedLocals": true,
"jsx": "react",
"types": [
"knockout",
"requirejs",
"jquery",
"react",
"react-dom"
],
"lib": [
"es5",
"es6",
"dom",
"es2015.promise"
]
}
}
浏览器报错:
index.js:9
Uncaught ReferenceError: define is not defined
at index.js:9:1