javascript - Grapesjs 组件中未导入 CSS

Question

在grapesjs中使用添加模板作为组件添加CSS但不导入CSS。还尝试了 public/index.html 文件但不工作。帮助！

          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

您只需要指定样式表的 URL，而不是整个链接标签。

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

Answer 2

只需从本地 driectory 调用，例如：C:/documents/[your project source]/ 不使用 localhost

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/bootstrap.css'
           ]
        }