打字稿反應esbuild無法構建

Question

我想構建一個包並將其上傳到 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”不提供名為“default”的導出

Answer 1

我只能給你一個快速的手動修復。 出於某種原因，index.js 文件沒有“export default”關鍵字，但您可以打開 src\\dist\\index.js 文件，然后在最開始插入“export default”。 所以開始看起來像這樣：

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

因為整個 index.js 只是一個函數，你可以這樣做。