Uncaught TypeError: _tmpl$6 is not a function

I'm trying to create a library that exposes a web component that's implemented internally with Solid.js. I'm using Rollup with rollup-preset-solid to bundle the library as an ESModule, but when I try to consume the library I get this error.

This is my rollup config file:

import withSolid from "rollup-preset-solid";
import postcss from "rollup-plugin-postcss";

export default withSolid({
    targets: ["esm", "cjs"],
    plugins: [
        postcss({
            extract: true,
            modules: true,
            minimize: true,
            sourceMap: true
        })
    ]
});

import withSolid from "rollup-preset-solid";
import postcss from "rollup-plugin-postcss";

export default withSolid({
    targets: ["esm", "cjs"],
    plugins: [
        postcss({
            extract: true,
            modules: true,
            minimize: true,
            sourceMap: true
        })
    ]
});

import withSolid from "rollup-preset-solid";
import postcss from "rollup-plugin-postcss";

export default withSolid({
    targets: ["esm", "cjs"],
    plugins: [
        postcss({
            extract: true,
            modules: true,
            minimize: true,
            sourceMap: true
        })
    ]
});

import withSolid from "rollup-preset-solid";
import postcss from "rollup-plugin-postcss";

export default withSolid({
    targets: ["esm", "cjs"],
    plugins: [
        postcss({
            extract: true,
            modules: true,
            minimize: true,
            sourceMap: true
        })
    ]
});

Online research suggests that this is because of improper JSX compilation, but I'm not sure what I'm doing wrong. Any ideas?

Uncaught TypeError: _tmpl$6 is not a function

Similar Threads

Similar Threads

Similar Threads