Web 编译器 2022+ 的 ASP.NET 项目出现 React 问题 - 未捕获的 ReferenceError：未定义导出-解网

问：

我创建了一个 asp.net 项目（VB.Net），并创建了许多 .jsx 文件，这些文件从扩展 WebCompiler 2022+ 编译为 JS 文件

这里的问题是我总是收到这个错误“Uncaught ReferenceError： exports is not defined”（在js文件中，错误来自此代码）“Object.defineProperty（exports， '__esModule'， { value： true }）;”

我不知道如何处理它，如果有人能帮助我，我将不胜感激。

这里是 HTML 文件，我在其中绑定了 js 文件

<!DOCTYPE html>
<html>
<head>
   <link rel="stylesheet" type="text/css" href="/styles/style.css" />
   <link rel="stylesheet" type="text/css" href="/components/node_modules/bootstrap/dist/css/bootstrap.css" />
   <link rel="stylesheet" type="text/css" href="/components/node_modules/react-toastify/dist/ReactToastify.css" />

   <script src="/scripts/reControls/babel.min.js" type="text/javascript"></script>
   <script src="/scripts/reControls/react.development.js" type="text/javascript"></script>
   <script src="/scripts/reControls/react-dom.development.js" type="text/javascript"></script>

   <script src="/components/functions.js" type="module"></script>
   <script src="/components/login.js" type="module"></script>
   <script src="/components/index.js" type="module"></script>
   <script src="/components/app.js" type="module"></script>

   <title>Kundenportal - GSG</title>
</head>
<body>
   <script type="text/javascript">App();</script>
   <div id="root">

   </div>
</body>
</html>

这是 app.jsx 文件

import React from 'react';
import Login from './login';

function App()
{
       return <Login />;
}

export default App;

ReactJS asp.net TypeScript

Web 编译器 2022+ 的 ASP.NET 项目出现 React 问题 - 未捕获的 ReferenceError：未定义导出

ASP.NET Project with React problem with web compiler 2022+ - Uncaught ReferenceError: exports is not defined

评论