MIME 类型不匹配 Bootstrap/Scroll-out

Question

我正在 WordPress 上设计一个网站，在加载 bootstrap.js 和 ScrollOut.js 时遇到两个错误： - 由于 MIME 类型不匹配而被阻止的资源

wp_enqueue_style('bootstrapjs', 'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js', array(), '4.4.1', 'all');
wp_enqueue_style('scrolloutjs', 'https://unpkg.com/scroll-out/dist/scroll-out.min.js', array(), '2.2.8', 'all');

其他 js 已正确加载（fancybox，和我的自定义 js）。

请问我该如何解决这个问题？

谢谢

Answer 1

您使用的是 wp_enqueue_style 而不是 wp_enqueue_script。有时，正是一些简单的事情弄乱了我们的代码 ;)

Answer 2

您使用了错误的功能。您需要对 JavaScript 个文件使用 wp_enqueue_script，对 CSS 个文件使用 wp_enqueue_syles。

您的代码应如下所示：

wp_enqueue_script('bootstrapjs', 'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js', array(), '4.4.1', 'all');
wp_enqueue_script('scrolloutjs', 'https://unpkg.com/scroll-out/dist/scroll-out.min.js', array(), '2.2.8', 'all');

https://developer.wordpress.org/reference/functions/wp_enqueue_style/ https://developer.wordpress.org/reference/functions/wp_enqueue_script/

MIME 类型不匹配 Bootstrap/Scroll-out

MIME type mismatch Bootstrap/Scroll-out

javascript

bootstrap-4

mime