SolidJS•2y ago

solid-jsx not working

Error [ERR_REQUIRE_ESM]: require() of ES Module /home/sid/my-app/node_modules/@mdx-js/rollup/index.js from /ho me/sid/my-app/vite.config.js not supported.

150 Replies

siduck•2y ago

@.high1 any idea? my vite config

import { defineConfig } from "vite";
import solidPlugin from "vite-plugin-solid";

import mdx from "@mdx-js/rollup";

export default defineConfig({
  plugins: [solidPlugin(), mdx({ jsxImportSource: "solid-jsx" })],
  server: {
    port: 3000,
  },
  build: {
    target: "esnext",
  },
});

import { defineConfig } from "vite";
import solidPlugin from "vite-plugin-solid";

import mdx from "@mdx-js/rollup";

export default defineConfig({
  plugins: [solidPlugin(), mdx({ jsxImportSource: "solid-jsx" })],
  server: {
    port: 3000,
  },
  build: {
    target: "esnext",
  },
});

siduck•2y ago

Brendan•2y ago

Have you got "type": "module" in your package.json?

siduck•2y ago

oh cool the error is gone now!

Brendan•2y ago

Feel free to close this thread if your query is resolved. Perhaps open another one if you have a different question.

high1•2y ago

Thanks, @brendan_csel . There's a section dedicated to this in the beginning of the README file, Use mdx or xdm with solid-js. This module is ESM only, due to mdx and xdm being ESM only. Adding "type": "module" in package.json is one option.

siduck•2y ago

i tried this but i get some postcss error now

siduck•2y ago

high1•2y ago

Well, if your project is a module, you need to be explicit it's postcss.config.cjs if you are writing common JS Or use a more modern syntax and postcss.config.js or mjs

siduck•2y ago

i renamed the file and i get this error now

siduck•2y ago

high1•2y ago

It's the same issue. You really need to read 😄 these error messages. Just name it tailwind.config.cjs If something uses module.exports..., it's cjs

siduck•2y ago

oh i changed the syntax for both the files but i get the same error!

high1•2y ago

You can use export default for tailwind and postcss, if you prefer that What did you do exactly?

siduck•2y ago

Gaming

Programming

solid-jsx not working