CSS not imported in Grapesjs Components

Question

working in grapesjs adding templates as components with add CSS but CSS not import. Also tried the public/index.html file but not working. Help!

          canvas: {
                   styles:[
         '<link rel="stylesheet" href="http://localhost:3000/assets/css/headers/style.css" type="style.css" />',
         '<link rel="stylesheet" href="http://localhost:3000/assets/css/headers/bootstrap.css" type="text/css" />',
                      ],
                },

Answer 1

Just call from local driectory like: C:/documents/[your project source]/ Not go with localhost

Answer 2

You only need to specify the URL of the stylesheet, not the entire link tag.

canvas: {
    styles:[
        'http://localhost:3000/assets/css/headers/style.css',       
        'http://localhost:3000/assets/css/headers/bootstrap.css'
    ]
}

Answer 3

it's Working on removing link tags and only defining with localhost link.

 canvas:{
    styles:[
'http://localhost:3000/assets/css/headers/style.css',
'http://localhost:3000/assets/css/headers/dark.css',
   ]
 }