未定义 typescript 和 Electron 导出

Question

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

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

我的 login.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>

在 index.html 中

为我解决了