Compiler error when trying to import styles

[llRandom]

I'm using this package in angular project with scss styles. I'm trying to reference the style using this line

@import 'quill-mention/dist/quill.mention.css';

The compiler gives this error

./src/styles.scss - Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Package path ./dist/quill.mention.css is not exported from package my-local-path\node_modules\quill-mention (see exports field in my-local-path\node_modules\quill-mention\package.json)

The error appears in version 6.0.0. There's no such error in version 5.0.1

[vvkotov]

+1

[rpw1]

Here is a temporary workaround until this is fixed:

In my project, we reference the css file by using

@import '~quill-mention/dist/quill.mention.css';

I was getting the same error as shown above. I changed the import to:

@import '/node_modules/quill-mention/dist/quill.mention.css';

Now it works perfectly!

[KeithGillette]

Without the leading /, the work-around provided by @rpw1 also works in our Nx monorepository, which bundles the quill-mention styles for lazy-loading in a project.json targets.build.option.styles array:

  {
    "input": "node_modules/quill-mention/dist/quill.mention.css",
    "bundleName": "quill-mention",
    "inject": false
  },