Quiero crear un paquete y subirlo a npm, así que primero traté de crear un paquete de demostración. Usé este repositorio como paquete de inicio: https://github.com/wobsoriano/vite-react-tailwind-starter
y actualicé el script de compilación a este
"build-test": "esbuild src/App.tsx --bundle --minify --outfile=src/dist/index.js",y la App.tsx actualicé a esto
import React from "react"; import "./index.css"; const App = () => { return <div>My Dummy</div>; }; export default App;Luego traté de construirlo e importarlo en mi main.tsx así:
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") );Y luego me sale este error:
El módulo solicitado '/src/dist/index.js' no proporciona una exportación denominada 'default
Solo puedo darte una solución manual rápida. Por alguna razón, el archivo index.js no tiene palabras clave de "exportación predeterminada", pero puede abrir el archivo src\dist\index.js e insertar la "exportación predeterminada" al principio. Así que el comienzo se verá así:
export default ()=>{var K=Object.create;var _=Object.define.Debido a que todo index.js es solo una función, puede hacer esto.