Can't find stylesheet to import

[Marco]

Hy,

I want to customize the Kendo-theme-default (last version -> 10.3.1) in my blazor project.

To install npm package I followed the documentation: Telerik and Kendo UI Default Theme Overview | Design System Kit:

But when I import the package inside my scss file style, I have the following error and i can't compile the scss file:

The kendo-theme-default package is correctly located under node_modules. 

My scss file:

My project files:

Can you help me?

Thanks

 

[Emil]

Hi Marco,

It looks like your issue is related to an unresolved path to node_modules. What tooling do you use for compiling the Kendo Default Theme, is it WebCompiler?

I see that you are using npm to install and manage the Kendo UI Default theme, but let me suggest a different approach.

You could instead use a library manager such as LibMan, which provides a means to fetch library files from a supported CDN and place them in your project.

You can get LibMan as an extension in your Visual Studio and then all you need to do is add libman.json manifest. An example with the Kendo UI Default theme can be found bellow:

{
  "version": "1.0",
  "defaultProvider": "jsdelivr",
  "libraries": [
    {
      "library": "@progress/kendo-theme-default@10.3.1",
      "destination": "wwwroot/lib/@progress/kendo-theme-default/"
    },
    {
      "library": "@progress/kendo-theme-core@10.3.1",
      "destination": "wwwroot/lib/@progress/kendo-theme-core/"
    },
    {
      "library": "@progress/kendo-theme-utils@10.3.1",
      "destination": "wwwroot/lib/@progress/kendo-theme-utils/"
    },
    {
      "library": "@progress/kendo-svg-icons@4.0.0",
      "destination": "wwwroot/lib/@progress/kendo-svg-icons/"
    }
  ]
}

Also, please make sure to include the path to the Kendo UI Default theme in your compilerconfig.json ( if you use WebCompiler )

[
  {
    "outputFile": "output/site.css",
    "inputFile": "input/site.less",
    },
    "options":{
        "loadPaths": "wwwroot/lib" 
    }
]

These suggestions are with the presumption that you rely on Webcompiler to compile the Kendo UI Default theme, if that is not the case or you require further assistance, please let me know.

Regards,
Emil
Progress Telerik