0

I have made an angular library (in Angular 12.2.12) which is importing CSS files from node_modules, but when I use it on my application, I got this error:

enter image description here

GET http://localhost:60435/~@progress/kendo-theme-material/dist/all.css

Here is the structure of my workspace:

 | - root
    | - common-libraries
        | - node_modules
            | - @progress
                - [...]
        | - projects
            | - my-library
                | - src
                    | - assets
                        | - style.css // Compiled css file from below
                | - styles.scss // This file is importing all files from common-libraries/src/sass
        | - src
            | - sass
                | - overrided
                    | - override_progress.scss // This file is importing css file from common-libraries/node_modules
                | - file1.scss
                | - file2.scss
                | - file3.scss

    | -  front-app
        | - node_modules
            | - my-library
        | - src
            | - sass
                | - styles.scss // This file is importing ~my-library/

I'd like to import a CSS file from common-libraries/node_modules, something like common-libraries/node_modules/@progress/kendo-theme-material/dist/all.css. How should I do it ?

In front-app/src/sass/styles.scss, I'm importing ~my-lib/src/assets/style.css, which leads to the error above

Jason Aller
  • 3,541
  • 28
  • 38
  • 38

0 Answers0