【问题标题】:The libraries of my customized theme cannot be loaded - Drupal 8我的自定义主题的库无法加载 - Drupal 8
【发布时间】:2021-02-15 00:50:15
【问题描述】:

我正在尝试将我的 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'

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

我不明白问题出在哪里。我期待着尽快收到您的来信。 谢谢

【问题讨论】:

  • 将您的主题 html.html.twig 模板与系统一进行比较。也许您没有像系统一那样写出一些“令牌”(占位符)。千万不要错过任何一个。
  • @MilanG 非常感谢,这正是我所缺少的

标签: drupal drupal-8 drupal-theming drupal-themes


【解决方案1】:

除非您在此处写的内容有误,否则您的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: {}

【讨论】:

  • 嗨,我在这里写错了..文件写得很好。我更正了
猜你喜欢
  • 2023-03-29
  • 2016-05-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-19
  • 1970-01-01
相关资源
最近更新 更多