ES imports doesn't work?

[misha-erm]

Hello 👋🏻

As I can see #124 was implemented but I have some problems with it. When I try to import nexus-prisma it still tries to import cjs module so I get errors trying to run my app.

Any ideas? type is set to 'module' and nexus-prisma is imported using "import" keyword

EDIT: If I change import to

import nexusPrisma from 'nexus-prisma';

const {FuelStation} = nexusPrisma

then I get the following error:

(node:56355) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
/Volumes/Workspace/pets/cheapoil/core/node_modules/nexus-prisma/dist-esm/entrypoints/main.js:1
import { inspect } from 'util';
^^^^^^

SyntaxError: Cannot use import statement outside a module

[milovangudelj]

I imagine you already solved your issue. It works fine for me using [email protected].

If you still haven't found a solution check if the API schema gets generated when running prisma generate.
If not, chances are you haven't added the generator to your prisma.schema file like so:

datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

generator client {
  provider        = "prisma-client-js"
}

generator nexusPrisma {
  provider = "nexus-prisma"
}

You should see something like this in the command output

✔ Generated Nexus Prisma to ./node_modules/nexus-prisma/dist-cjs/runtime in 89ms

[misha-erm]

Are you sure you use it in ESM module environment?

Because the issue isn't fixed. You can find the details here #142

[milovangudelj]

I'm pretty sure I am using ESM module environment. One of my type files looks something like this

import { User } from "nexus-prisma";
import { objectType, extendType, stringArg, nonNull } from "nexus";

export const UserDef = objectType({
   name: User.$name,
   description: User.$description,
   definition(t) {
      t.field(User.id);
      t.field(User.myId);
      t.field(User.name);
      t.field(User.username);
      t.field(User.corsi);
   },
});

// Other stuff...

and i don't get the error you are reporting. I get a different one which I mention here #169 so that might be covering it but still it seems to be working for me. I get code completion and no squiggly lines around the file.

I'm definitely no expert in this so I might as well be doing something different than you and not realise it.

[misha-erm]

Do you have type: "module" in your package json?

[milovangudelj]

He he, nope... 😅
I didn't have it. And adding it breaks my application in ways I don't yet understand.

As I said, I'm no expert so I might have that issue and don't notice it cause its hidden behind other errors.

Sorry for jumping in like I had the solution 😅

P.S.
Thank you for asking me that cause it pushed me to try and get a deeper understanding of ES modules. That's why it took me so long to answer

[jnssnmrcs]

Did you ever manage to fix this? I'm having the exact same issue as you just running the example from nexus-prisma docs website...

error:

import { User } from 'nexus-prisma';
         ^^^^
SyntaxError: Named export 'User' not found. The requested module 'nexus-prisma' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'nexus-prisma';
const { User } = pkg;

prisma generate:

$ npx prisma generate
Environment variables loaded from .env
Prisma schema loaded from prisma\schema.prisma
You can now start using Nexus Prisma in your code. Reference: https://pris.ly/d/nexus-prisma

✔ Generated Prisma Client (4.12.0 | library) to .\node_modules\@prisma\client in 50ms

✔ Generated Nexus Prisma to .\node_modules\.nexus-prisma in 14ms
You can now start using Prisma Client in your code. Reference: https://pris.ly/d/client

import { PrismaClient } from '@prisma/client'
const prisma = new PrismaClient()

tsconfig:

{
  "compilerOptions": {
    "target": "ES2022",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "lib": ["ES2022"],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
    "module": "ES2022",                                /* Specify what module code is generated. */
    "moduleResolution": "nodenext",                     /* Specify how TypeScript looks up a file from a given module specifier. */
    "outDir": "./build",                                   /* Specify an output folder for all emitted files. */
    "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
    "strict": true,                                      /* Enable all strict type-checking options. */
    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
  }
}

package versions:

"type": "module",
"devDependencies": {
    "@types/cors": "^2.8.13",
    "@types/node": "^18.15.11",
    "prisma": "^4.12.0",
    "ts-node": "^10.9.1",
    "typescript": "^4.9.5"
  },
  "dependencies": {
    "@apollo/server": "^4.5.0",
    "@prisma/client": "^4.12.0",
    "body-parser": "^1.20.2",
    "cors": "^2.8.5",
    "express": "^4.18.2",
    "graphql": "^16.6.0",
    "nexus": "^1.3.0",
    "nexus-prisma": "^1.0.4"
  }

[sonofmagic]

I meet this issue too and have no idea.
The error is shown below:

node_modules\.pnpm\[email protected]_63udwhd7sp4du2rzhags75opna\node_modules\nexus-prisma\dist-esm\entrypoints\main.js:1
import { inspect } from 'util';
^^^^^^

SyntaxError: Cannot use import statement outside a module

[archy-bold]

I'd say this is a new issue as it seems to affect the ESM build in version ^1.

[archy-bold]

I've created a new issue #641