How to import server side?

[sebastiaandegeus]

Hi,

I'm trying to use the router server side but I cannot get the imports to work.

Error [ERR_REQUIRE_ESM]: require() of ES Module [REDACTED]node_modules/@solidjs/router/dist/index.js from [REDACTED] is not supported.

My babel config:

{
            presets: [
              [
                "@babel/preset-env",
                {
                  targets: {
                    node: "current",
                  },
                },
              ],
              "@babel/preset-typescript",
              ["solid", {
                "generate": "ssr", "hydratable": true
              }]
            ],
            plugins: [
              "@babel/plugin-syntax-jsx",
              ["@babel/plugin-transform-typescript", { allowDeclareFields: true }],
              ["@babel/plugin-proposal-decorators", { "legacy": true }],
              "@babel/plugin-transform-modules-commonjs",
            ],

My tsconfig:

    {
  "compileOnSave": false,
  "compilerOptions": {
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "allowSyntheticDefaultImports": true,
    "target": "esnext",
    "esModuleInterop": true,
    "module": "esnext",
    "skipLibCheck": true,
    "moduleResolution": "node",
    "rootDir": "src",
    "jsx": "preserve",
    "jsxImportSource": "solid-js",
  },
  "include": ["./src/**/*.ts", "./src/**/*.tsx"],
  "exclude": ["node_modules"]
}

Import code:

            import { Router } from '@solidjs/router';

Code generated by Babel:

var _router = require("@solidjs/router");

Any idea how to properly import the module so I can use it server side?

[binyamin]

Why are you including @babel/plugin-transform-modules-commonjs? That transpiles ES6 down to CommonJS. Like the error message indicates, this library uses ESM.

[sebastiaandegeus]

Honestly I don't remember. I've tried all kinds of configurations at the time but I could not get it to work.