无法将布尔玛轮播导入GatsbyJS项目

Question

我正在尝试将bulma-carousel导入我的GatsbyJS项目，但是要使其正常工作却遇到了很多困难。我正在使用Helmet随附的gatsby-bulma-quickstart。在头盔组件中，我插入了脚本和样式标签，如下所示：

<link href="bulma-carousel/dist/css/bulma-carousel.min.css" rel="stylesheet" />
<script src="bulma-carousel/dist/js/bulma-carousel.min.js"></script>

，并且在运行node-modules时这些文件位于yarn add bulma-carousel文件夹中。从那里，我像这样在useEffect中使用了layout.js React钩子：

import bulmaCarousel from 'bulma-carousel/dist/js/bulma-carousel';
const Layout = ({ children }) => {
  useEffect(() => {
    bulmaCarousel.attach();
  }, [])

  return (
    <div>
      <Helmet />
      <Portfolio />
    </div>
  )
};

稍后，我将示例代码放入了Portfolio组件中，但是轮播功能根本不起作用。有人知道我是否缺少重要的东西吗？谢谢！

Answer 1

我相信，当您附加bulmaCarousel时，您应该像docs示例中那样提供旋转木马的ID：

ListView