我已经创建了一个演示主题。 .libraries.yml
文件如下:
global-styling-and-scripts:
version: VERSION
css:
base:
assets/css/font-awesome.css: {}
assets/css/bootstrap.css: {}
assets/css/slick.css: {}
assets/css/bootstrap-datepicker.css: {}
assets/css/jquery.fancybox.css: {}
assets/css/theme-color/default-theme.css: {}
assets/css/style.css: {}
theme:
'//fonts.googleapis.com/css?family=Tangerine': { type: external, minified: true }
'//fonts.googleapis.com/css?family=Open+Sans': { type: external, minified: true }
'//fonts.googleapis.com/css?family=Prata': { type: external, minified: true }
js:
assets/js/jquery.min.js: {}
assets/js/bootstrap.js: {}
assets/js/slick.js: {}
assets/js/waypoints.js: {}
assets/js/jquery.counterup.js: {}
assets/js/bootstrap-datepicker.js: {}
assets/js/jquery.mixitup.js: {}
assets/js/jquery.fancybox.pack.js: {}
assets/js/custom.js: {}
dependencies:
- core/drupalSettings
- core/jquery
- core/jquery.once
如果我从该文件中删除了所有.js
,则在控制台中看不到任何错误,但是图像和幻灯片等无法正确呈现。
答案 0 :(得分:1)
很难看到,但是请检查YAML中的dependencies
键是否正确缩进。它应该在顶层,并且在您的代码中看起来像在js
键内。这可能导致它无法加载依赖项,包括jquery.once模块。
(我建议使用两个空格而不是一个空格来缩进YAML,这与Drupal的标准一致并使缩进更明显。)
编辑:另外,请注意,https://drupal.stackexchange.com/上有一个专门的Drupal Stackexchange网站,在这里您与Drupal有关的问题可以得到更大的了解。