打字稿反应esbuild无法构建答案

【问题标题】：Typescript react esbuild unable to build打字稿反应esbuild无法构建
【发布时间】：2021-12-03 21:41:56
【问题描述】：

我想构建一个包并将其上传到 npm，所以我尝试先创建一个演示包。我使用这个 repo 作为入门包：https://github.com/wobsoriano/vite-react-tailwind-starter

并将构建脚本更新为此

  "build-test": "esbuild src/App.tsx --bundle --minify  --outfile=src/dist/index.js",

和我更新到这个的 App.tsx

import React from "react";
import "./index.css";

const App = () => {
  return <div>My Dummy</div>;
};

export default App;

然后我尝试构建它并将其导入到我的 main.tsx 中，如下所示：

import React from "react";
import ReactDOM from "react-dom";
import App from "./dist/index.js";

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

然后我得到这个错误：

请求的模块“/src/dist/index.js”不提供导出命名为“默认”

【问题讨论】：

标签： javascript reactjs typescript

【解决方案1】：

我只能给你一个快速的手动修复。出于某种原因，index.js 文件没有“export default”关键字，但您可以打开 src\dist\index.js 文件，您只需在开头插入“export default”即可。所以开始看起来像这样：

export default ()=>{var K=Object.create;var _=Object.define.

因为整个 index.js 只是一个函数，所以可以这样做。

【讨论】：