0

我正在尝试使用 barba.js 进行页面转换，我使用了 data-barba="wrapper" 和 data-barba="container" ，就像在纪录片中一样。这是html的简短代码：

<body class="page" data-barba="wrapper">
<header class=nav-header>
<!-- Some navbar stuff -->
</header>
<main data-barba="container" data-barba-namespace="home">
<!-- Some main stuff -->
</main>

<!-- Some divs -->
</body>

这是javascript：

barba.init({
    views: [
        {
            namespace: 'home',
            beforeEnter() {
                animateSlides();
            },
            beforeLeave() {
                slideScene.destroy();
                pageScene.destroy();
                controller.destroy();
            }
        },
        {
            namespace: 'fashion'
        }
    ]
});

这是打开网站时控制台中出现的错误

Uncaught Error: [@barba/core] No Barba wrapper found
    at t.e.init (core.ts:184)
    at app.js:127
4

2 回答 2

3

我有同样的问题通过从 head 移动 wrapper(body) 内的脚本标签来解决它
。

<body class="page" data-barba="wrapper">
<header class=nav-header>
<!-- Some navbar stuff -->
</header>
<main data-barba="container" data-barba-namespace="home">
<!-- Some main stuff -->
</main>

<!-- Some divs -->
<!--script tag here instead of head-->
</body>
于 2020-05-14T02:01:44.543 回答
0

对我来说，它没有用，因为我没有打开 liveserver。起初我不知道它需要一个服务器才能工作。这个视频https://youtu.be/2AG4YwicMcI?t=10给出了很好的解释

于 2020-08-15T01:10:58.073 回答