Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Unable to import stylesheet from an npm package #17852

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
RobinClowers opened this issue May 2, 2025 · 0 comments
Closed

Unable to import stylesheet from an npm package #17852

RobinClowers opened this issue May 2, 2025 · 0 comments

Comments

@RobinClowers
Copy link

What version of Tailwind CSS are you using?

For example: v4.1.5

What build tool (or framework if it abstracts the build tool) are you using?

Next.js 15.3.1

What version of Node.js are you using?

For example: v22.13.0

What browser are you using?

For example: Firefox

What operating system are you using?

For example: macOS

Reproduction URL

https://github.com/RobinClowers/tailwind-import-error

Describe your issue

When I try to import a css file from an npm package, I get a build error

/* app.css */
@import "@blocknote/core/style.css" layer(components);
$ npm run dev

Error: Package path ./style.css is not exported from package /Users/robin/src/tailwind-import-error/node_modules/@blocknote/core (see exports field in /Users/robin/src/tailwind-import-error/node_modules/@blocknote/core/package.json)
    [at /Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/ExportsFieldPlugin.js:117:7]
    [at Hook.eval [as callAsync] (eval at create (/Users/robin/src/tailwind-import-error/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:22:1)]
    [at Resolver.doResolve (/Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/Resolver.js:715:16)]
    [at /Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:76:17]
    [at /Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/DescriptionFileUtils.js:148:13]
    [at /Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/forEachBail.js:39:13]
    [at onJson (/Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/DescriptionFileUtils.js:133:6)]
    [at /Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/DescriptionFileUtils.js:86:7]
    [at SyncAsyncFileSystemDecorator.readJson (/Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/SyncAsyncFileSystemDecorator.js:172:6)]
    [at /Users/robin/src/tailwind-import-error/node_modules/enhanced-resolve/lib/DescriptionFileUtils.js:67:26]

export section of @blocknote/core pacakge.json

  "exports": {
    ".": {
      "types": "./types/src/index.d.ts",
      "import": "./dist/blocknote.js",
      "require": "./dist/blocknote.cjs"
    },
    "./style.css": {
      "import": "./dist/style.css",
      "require": "./dist/style.css"
    },
    "./fonts/inter.css": {
      "import": "./src/fonts/inter.css",
      "require": "./src/fonts/inter.css"
    },
    "./comments": {
      "types": "./types/src/comments/index.d.ts",
      "import": "./dist/comments.js",
      "require": "./dist/comments.cjs"
    }
  }
@tailwindlabs tailwindlabs locked and limited conversation to collaborators May 2, 2025
@RobinMalfait RobinMalfait converted this issue into discussion #17853 May 2, 2025

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant