Tengo problemas con la API de RollupJS. Por alguna razón, no reconoce la sintaxis JSX. Rollup (API) me está dando este error.
Error: Unexpected token (Note that you need plugins to import files that are not JavaScript) 2: import App from "./App"; 3: const MyApp = (props) => { 4: return <View index={<App />} url={props.url} serverOptions={props.serverOptions}/>; ^ 5: }; 6: export default MyApp;Aquí está la configuración del paquete acumulativo.
export const loadBuildConfigurationOptions = (tsconfigOptions: object, root: Path = Process.Cwd()): RollupOptions => { return <RollupOptions> { input: Path.FromSegments(root, "src", "index.ts").toString(), output: [ { dir: Path.FromSegments(root, "dist").toString(), format: "cjs" } ], external: [ "solid-js", "solid-js/web", "solidus" ], plugins: [ typescript(tsconfigOptions), nodeResolve({ preferBuiltins: true, exportConditions: ["solid"], extensions: [".js", ".jsx", ".ts", ".tsx"] }), nodePolyfill(), babel({ babelHelpers: "bundled", presets: [["solid", { generate: "ssr", hydratable: true }]], }), json(), styles(), copy({ targets: [ { src: 'src/assets/**/*', dest: 'dist/src/assets' } ] }), ], preserveEntrySignatures: false, treeshake: true, }; }Estoy usando esto en una herramienta de compilación para una biblioteca SolidJS SSR que estoy desarrollando. lo que sucede aquí es que esta función genera el archivo de configuración de resumen adecuado para el proyecto que está creando el usuario de esta biblioteca. A continuación, la API de JS de resumen utiliza el objeto de configuración de resumen devuelto para compilar la aplicación real. ¿Necesito cambiar los parámetros en el complemento de babel o algo así?
Bueno. Me lo imaginé. Es bastante tonto en realidad. Solo tuve que hacer un cambio en el complemento de Babel.
babel({ babelHelpers: "bundled", presets: [["solid", { generate: "ssr", hydratable: true }]], extensions: [“.js”, “.ts”, “.jsx”, “.tsx”], }), Agregar la opción de extensions parecía haber arreglado todo.