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

Question

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

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

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

标签： drupaldrupal-8drupal-themingdrupal-themes

Answer 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: {}