HTML引入Typescript编译JS文件 ：Uncaught ReferenceError: exports is not defined

报错解释：

Uncaught ReferenceError: exports is not defined 表示在浏览器环境中找不到 exports 对象。这通常发生在使用 CommonJS 模块系统的 Node.js 环境中，但是在浏览器端的环境下尝试执行这样依赖于 CommonJS 全局变量的代码时，会遇到这个错误。

解决方法：

1. 如果你正在使用 TypeScript 编译生成的 JS 文件是为了在 Node.js 环境中运行，确保你的 TypeScript 配置正确地设置了模块系统。例如，如果你想要输出 CommonJS 模块，应该在 tsconfig.json 中设置：

   
   
   
   {
     "compilerOptions": {
       "module": "commonjs",
       "target": "es5",
       ...
     }
   }

2. 如果你是在浏览器中直接引用这个 JS 文件，你需要确保你的 TypeScript 代码不依赖于 CommonJS 的 require 或 exports。你可以将 TypeScript 的模块系统设置为 amd、system 或者 umd，或者将文件作为 ES 模块导入。

3. 如果你的目标是在浏览器中使用，并且你的 TypeScript 代码确实需要导出变量，你可以将其改写为 ES 模块的导出语法：

   
   
   
   // 原 CommonJS 导出语法
   exports.someVariable = someValue;
    
   // 改写为 ES 模块导出语法
   export const someVariable = someValue;

确保你的 HTML 文件中引用编译后的 JS 文件时，如果是模块化的 ES 模块，你需要在 <script> 标签上添加 type="module" 属性：

<script type="module" src="your-compiled-code.js"></script>

这样浏览器就会按照 ES 模块的方式来加载和执行你的代码。