flexsider 没有在生产中加载

Posted 2023-05-09

【中文标题】flexsider 没有在生产中加载

【英文标题】：flexsider not loading on production

【发布时间】：2018-06-19 10:38:00

【问题描述】：

我正在尝试使用 flexsider 制作一个滑块，但它没有在生产中加载。它在开发中运行良好。我收到此错误：

未捕获的类型错误：$(...).flexslider 不是函数

这里是网站链接：https://mybagicha.herokuapp.com/

jQuery(window).load(function()
  $('.flexslider').flexslider(
    animation: "fade",
    slideshowSpeed: 4000,
    animationSpeed: 600,
    controlNav: false,
    directionNav: true,
    controlsContainer: ".flex-container" // the container that holds the flexslider
  );
);

【问题讨论】：

如果某些东西在本地有效，但在发布到您的实时服务器时却不能，这通常意味着您用于包含 JS 文件的路径存在问题。错误将表明相同，因为 FlexSlider 库尚未正确加载。

扩展@RoryMcCrossan 答案，当你有任何损坏的js时也会发生这种情况。

所以你能告诉我我哪里做错了吗？我已经给出了网站的链接。如果你愿意，我可以提供代码

尝试在生产环境本地编译资产，在生产环境本地运行你的网站，对你有帮助

可能如果声明jQuery 两次然后显示错误，这是众多原因之一

【参考方案1】：

这意味着jQuery 未定义。如果你加载jQuery 两次也发生了错误，请尝试找出这一点。

并尝试以下添加$到

jQuery(window).load(function($)  
  $('.flexslider').flexslider(
    //Code here
  );
);

希望能帮到你

【讨论】：

这不起作用。实际上，我没有在生产中正确加载 flex 滑块