微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无法加载我自定义主题的库-Drupal 8

如何解决无法加载我自定义主题的库-Drupal 8

我正在尝试将我的Drupal 7主题转换为Drupal 8主题
我按照说明通过创建文件* .libraries.yml添加我的CSS Javascript文件

这是我的babol_dp8.libraries.yml文件

global-scripts:
  version: 1.x
  js:
    assets/js/bootstrap.min.js: {}
    assets/js/fhmm.js: {}
    assets/js/venoBox.min.js: {}
    assets/js/sticky-kit.min.js: {}
    assets/js/cs.js: {}
  dependencies:
    - core/jquery
global-styling:
  version: 1.x
  css:
    theme:
      assets/cs2015.css: {}
      assets/documenter_style.css: {}
      assets/mobile_cs2015.css: {}
      assets/style.css: {}
      assets/css/bootstrap-theme.css: {}
      assets/css/bootstrap-theme.min.css: {}
      assets/css/bootstrap.css: {}
      assets/css/bootstrap.min.css: {}
      assets/css/featherlight.gallery.min.css: {}
      assets/css/featherlight.min.css: {}
      assets/css/fhmm.css: {}

这是我的babol_dp8.info.yml文件

name: babol_dp8
type: theme
engine: twig
description: 'New Drupal 8 Twig Theme created with the help of Twigify.'
version: VERSION
core: 8.x
libraries:
  - babol_dp8/global-styling
  - babol_dp8/global-scripts
base theme: classy
regions:
  sidebar_first: 'Left sidebar'
  sidebar_second: 'Right sidebar'
  content: 'Content'
  header: 'Header'
  footer: 'Footer'
  highlighted: 'Highlighted'
  help: 'Help'
  content_extra: 'Extra Content Data'

即使我按照给出的说明进行操作,也无法加载我的库。
修改文件后,我已经清空了缓存很多次,并且没有任何与主题名称相同的模块。

我不明白问题出在哪里。我期待着您的回音。 谢谢

解决方法

除非您在此处写的内容有误,否则您的babol_dp8.libraries.yml文件中的缩进是错误的。每行的开头有2个多余的空格。

global-scripts:
  version: 1.x
  js:
    assets/js/bootstrap.min.js: {}
    assets/js/fhmm.js: {}
    assets/js/venobox.min.js: {}
    assets/js/sticky-kit.min.js: {}
    assets/js/cs.js: {}
  dependencies:
    - core/jquery
global-styling:
  version: 1.x
  css:
    theme:
      assets/cs2015.css: {}
      assets/documenter_style.css: {}
      assets/mobile_cs2015.css: {}
      assets/style.css: {}
      assets/css/bootstrap-theme.css: {}
      assets/css/bootstrap-theme.min.css: {}
      assets/css/bootstrap.css: {}
      assets/css/bootstrap.min.css: {}
      assets/css/featherlight.gallery.min.css: {}
      assets/css/featherlight.min.css: {}
      assets/css/fhmm.css: {}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。