Creé un paquete simple donde solo tiene un <div> x </div> y lo publiqué con npm publique. Luego intenté instalarlo en un proyecto con npm i y me arroja este error: el soporte para la sintaxis experimental 'jsx' no está habilitado actualmente. Intenté instalar @babel/preset-react, configuré babel.config. me gusta esto
module.exports = { presets: ["@babel/env", "@babel/react"], };Pero no pude resolverlo. PD: perdón por mi mal inglés PS2: creé mi aplicación con npx create-react-app
Realmente no hay suficiente información / código en su pregunta para resolver su problema específico, pero supongo que verificará sus cargadores en webpack.config.js . Debe tener babel-loader instalado e incluido como regla en la configuración del paquete web:
module: { rules: [ { test: /\.(js|jsx)$/, use: 'babel-loader', exclude: /node_modules/ } ] }Habiendo dicho eso, descubrí que cuando quería crear mi propio paquete, comenzar con create-react-app no brindaba suficiente control y venía con mucha hinchazón. Recomiendo comenzar con createapp.dev , donde puede seleccionar qué elementos incluir en su compilación y generará el código repetitivo. Este ejemplo es probablemente suficiente para construir un paquete de componentes de reacción mínima.
Recientemente escribí un artículo sobre mis experiencias al hacer un paquete lo más simple posible, también podría ayudar.