打字稿导入导出中持续出现未定义错误

在多个文件中已经有很多关于打字稿的问题..例如，这个，

打字稿导入/导出 https://stackoverflow.com/questions/72692423/typescript-import-export

有趣的问题和答案，我简化并测试了它，见下文..但无论我尝试什么，我仍然得到

未捕获的类型错误：无法读取未定义的属性（读取“A”）

.. 一样任何其他示例我在网上找到了 TypeScript 中的导入/导出。无论我做什么，无论我尝试使用或不使用模块导出（类、函数、const）对象：我都会得到相同的错误。

也许我的 NPM/TSC/React 配置有问题？我应该改变例如tsconfig.js 当我想在项目中使用多个打字稿文件时？我迷失了，我错过了什么？

tsconfig.json

{ // TypeScript configuration file: provides options to the TypeScript 
  // compiler (tsc) and makes VSCode recognize this folder as a TS project,
  // enabling the VSCode build tasks "tsc: build" and "tsc: watch".
  "compilerOptions": {
   "target": "es5",            // Compatible with older browsers
   "module": "umd",            // Compatible with both Node.js and browser
   "moduleResolution": "node", // Tell tsc to look in node_modules for modules
   "sourceMap": true,          // Creates *.js.map files
   "jsx": "react",             // Causes inline XML (JSX code) to be expanded
   "strict": true,             // Strict types, eg. prohibits `var x=0; x=null`
   "alwaysStrict": true        // Enable JavaScript's "use strict" mode
  },
 "include": ["**/*.ts", "**/*.tsx"],
 "exclude": ["node_modules"] 

}

首先.tsx

const A ={
  val: 'A'
}    
export { A }

app.tsx

import { A } from "./first";

// ... other code

function reportPerson()
{
  console.log(A);
}

.. 两个文件都使用 TSC 转换为 .js，但 Google Chrome 控制台将 A 报告为未定义，

两个 tsx 文件都在同一目录中，TSC 将它们都转换为 JS，没有任何问题。

这是怎么回事 ？

感谢大家的建议（我也没有解决上面的最小示例..）

为了将我的东西正确地链接在一起，我现在把Parcel 2上班，

https://www.npmjs.com/package/parcel https://www.npmjs.com/package/parcel

npm i parcel

这基本上是一个捆绑器，它允许将单独的 ts 文件编译为 Javascript 后将它们连接起来，并将所有内容放在 \dist 目录中，

parcel build src/index.html

基于一个小型的 React 示例，我将我的第一个“模块化”小应用程序放在 TypeScript 中运行。然后，在专家建议 https://stackoverflow.com/questions/58379626/why-are-we-use-twice-bindvertexarrayvao，我继续使用 twgl.js，这是一个很棒的 Webgl2 工具包。

npm install twgl.js

这个 javascript 库甚至有子模块.. 现在一切都链接正常，我可以使用以下命令访问（全部？） twgl

import * as twgl from "./twgl-full.js";