EventEmitter has used unknown event type: “pullingUp“, should be oneof

错误:

在这里插入图片描述

原因:

上拉加载功能是一个插件。
因为上拉加载是一个插件,而script标签引入的js就要包括所有插件。

解决:

1.判断srcipt标签引入的js是否包含所有插件
如果引入了这个,代表没有任何插件,无法实现上拉加载

<script src="https://unpkg.com/@better-scroll/core@latest/dist/core.js"></script>

换成下列引入,包括所有的插件

    <script src="https://unpkg.com/better-scroll@latest/dist/better-scroll.js"></script>
  1. 换成下列这个代码
    <script>
        const scroll = BetterScroll.createBScroll(document.querySelector('.wrapper'),{
            pullUpLoad: true
        })
        // 监听方法 scroll.on(事件名称,回调函数)
        // 监听上拉加载
        scroll.on('pullingUp',() => {
            console.log(123);
            scroll.finishPullUp()
        })
    </script>

结果展示:

EventEmitter has used unknown event type: “pullingUp“, should be oneof_第1张图片

整体代码:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        .wrapper{
            height: 200px;
            background-color:red;
            overflow: hidden;
        }
    style>
        
head>
<body>
    <div class="wrapper">
        <ul class="content">
            <button class="btn">按钮button>
            <li>列表1li>
            <li>列表2li>
            <li>列表3li>
            <li>列表4li>
            <li>列表5li>
            <li>列表6li>
            <li>列表7li>
            <li>列表8li>
            <li>列表9li>
            <li>列表10li>
            <li>列表11li>
            <li>列表12li>
            <li>列表13li>
            <li>列表14li>
            <li>列表15li>
            <li>列表16li>
            <li>列表17li>
            <li>列表18li>
            <li>列表19li>
            <li>列表20li>
            <li>列表21li>
            <li>列表22li>
            <li>列表23li>
            <li>列表24li>
            <li>列表25li>
            <li>列表26li>
            <li>列表27li>
            <li>列表28li>
            <li>列表29li>
            <li>列表30li>
            <li>列表31li>
            <li>列表32li>
            <li>列表33li>
            <li>列表34li>
            <li>列表35li>
            <li>列表36li>
            <li>列表37li>
            <li>列表38li>
            <li>列表39li>
            <li>列表40li>
            <li>列表41li>
            <li>列表42li>
            <li>列表43li>
            <li>列表44li>
            <li>列表45li>
            <li>列表46li>
            <li>列表47li>
            <li>列表48li>
            <li>列表49li>
            <li>列表50li>
        ul>
    div>
    <script src="https://unpkg.com/better-scroll@latest/dist/better-scroll.js">script>
    <script>
        const scroll = BetterScroll.createBScroll(document.querySelector('.wrapper'),{
            pullUpLoad: true
        })
        // 监听方法 scroll.on(事件名称,回调函数)
        // 监听上拉加载
        scroll.on('pullingUp',() => {
            console.log(123);
            scroll.finishPullUp()
        })
    script>
body>
html>

你可能感兴趣的:(EventEmitter has used unknown event type: “pullingUp“, should be oneof)