未定义 Typescript 和 Electron 导出

Question

我正在尝试运行我简单的电子应用程序。我使用Typescript作为编译成JavaScript的开发语言。当我运行该应用程序时，出现以下错误：

ReferenceError: exports is not defined[Learn More]
file:///Users/ahmet/Documents/JumbleUp-Desktop/dist/Login/Login.js:5
exports.__esModule = true;

我的登录.ts文件看起来像这样

    import firebase from "firebase";
firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        location.replace("index.html");
    } else {
        location.replace("login.html");
    }
  });
function login() {
    const userEmail = (document.getElementById("inputEmail") as HTMLInputElement).value;
    const userPassword = (document.getElementById("inputPassword") as HTMLInputElement).value;
    firebase.auth().createUserWithEmailAndPassword(userEmail, userPassword).catch(function(error) {
        // Handle Errors here.
        var errorCode = error.code;
        var errorMessage = error.message;
        // ...
        window.alert("Alert : " + errorMessage);
      });
}

这是我的 tsconfig 文件

{
    "compilerOptions": {
      "module": "commonjs",
      "noImplicitAny": true,
      "sourceMap": true,
      "esModuleInterop": true,
      "outDir": "dist",
      "baseUrl": ".",
      "paths": {
        "*": ["node_modules/*"]
      }
    },
    "include": [
      "src/**/*"
    ]
  } 

Answer 1

我遇到了同样的问题。对我来说，问题不在于文件的转译方式，而在于它们如何包含在 index.html 的项目中。

改变：

<script src="./main.js"></script>

自

<script>
   require("./main.js")
</script>

在索引中.html

为我解决了