Mi versión rollup y babel: "rollup": "^2.75.7" "@babel/core": "^7.18.6"

Mi configuración acumulativa:

 import resolve from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; import { babel } from '@rollup/plugin-babel'; import typescript from '@rollup/plugin-typescript'; import postcss from 'rollup-plugin-postcss'; import image from '@rollup/plugin-image'; import replace from '@rollup/plugin-replace'; import serve from 'rollup-plugin-serve'; import livereload from 'rollup-plugin-livereload'; const config = { input: 'src/index.tsx', output: { file: 'build/index.js', format: 'umd', sourcemap: true, }, plugins: [ replace({ preventAssignment: true, 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV), }), resolve(), commonjs(), babel({ babelHelpers: 'bundled', exclude: '**/node_modules/**', extensions: ['.js', '.jsx', '.ts', '.tsx'], }), typescript({ tsconfig: './tsconfig.json' }), image(), postcss(), serve({ contentBase: ['', 'public'], host: 'localhost', port: 3000, }), livereload({ watch: 'build' }), ], }; export default config;

Mi .babelrc.json:

 { "presets": [ [ "@babel/preset-env", { "targets": { "node": "current" }, "modules": false } ], "@babel/preset-typescript", "@babel/preset-react" ], "plugins": ["styled-jsx/babel"] }

cuando ejecuto rollup --config ./rollup.config.js --watch --environment NODE_ENV:development , la consola del navegador informa un error:

 Warning: Received `true` for a non-boolean attribute `jsx`. If you want to write it to the DOM, pass a string instead: jsx="true" or jsx={value.toString()}.

y encuentro que la etiqueta de estilo todavía está en html, ¿parece que el paquete acumulativo no carga la configuración de babel? ¿Hay algún error en mi configuración de babel y cómo debo cambiarlo?