VSC Live Server运行TS文件提示MIME类型（video/mp2t）不允许如何解决

浏览器原生不支持直接执行TypeScript(.ts)文件，VSCode Live Server扩展默认会将.ts后缀的文件识别为MPEG-TS视频流，返回video/mp2t的MIME类型，不符合JavaScript脚本要求的text/javascript类型，因此被浏览器安全策略拦截。

• 方案1：提前编译TypeScript为JavaScript（最通用方案）
  1. 全局安装TypeScript编译器：运行npm install -g typescript
  2. 在目标.ts文件所在目录执行tsc <你的文件名>.ts，会自动生成同名编译后的.js文件
  3. 修改HTML中脚本的引入路径，从.ts后缀改为生成的.js文件，重启Live Server即可正常运行
• 方案2：修改Live Server的MIME映射规则（仅临时调试纯JS语法的TS文件可用）
  1. 打开VSCode设置，搜索Live Server > Settings: Mime
  2. 点击「在settings.json中编辑」，添加如下配置：

     "liveServer.settings.mime": {
       ".ts": "text/javascript"
     }
     

  3. 重启Live Server即可生效
     注意：该方案仅适用于.ts文件内没有使用TypeScript专属语法（如类型注解、interface、泛型等）的场景，否则浏览器会因无法识别TS语法抛出语法错误
• 方案3：使用支持TS实时转译的开发服务
  可以使用Vite等现代前端构建工具创建项目，工具会自动对TS文件做实时转译，不需要手动执行编译命令，修改代码后还支持热更新。

内容的提问来源于stack exchange，提问作者thenetwork