Skip to content

Error while rendering: TypeError: Cannot read properties of undefined (reading 'then') #703

Description

@joshkamau

I am getting an error after adding up-follow to a link. It works perfectly on v3.9.5 and only failing on v3.10.0

Here is my code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/bs/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/unpoly.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/unpoly.min.css">

    <style>
        a.up-current {
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="container">
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">UPDEMO</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link" up-follow aria-current="page" href="{{route('companies.list')}}">Companies</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" up-follow  href="{{route('projects.list')}}">Projects</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" up-follow href="{{route('tasks.list')}}">Tasks</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div up-main>
        {%block content%}{%endblock%}
    </div>
</div>


<script src="/static/bs/bootstrap.bundle.min.js"></script>
</body>
</html>

Here is the error stacktace:

unpoly.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'catch')
    at RenderJob.get (unpoly.min.js:1:152252)
    at Object.muteUncriticalRejection (unpoly.min.js:1:98360)
    at HTMLAnchorElement.<anonymous> (unpoly.min.js:1:130088)
    at EventListener.nativeCallback (unpoly.min.js:1:26007)
    at EventEmitter.an (unpoly.min.js:1:23762)
    at EventEmitter.emit (unpoly.min.js:1:23729)
    at Object.emit (unpoly.min.js:1:100491)
    at m (unpoly.min.js:1:129045)
    at HTMLAnchorElement.<anonymous> (unpoly.min.js:1:131094)
    at LayerStack.asCurrent (unpoly.min.js:1:52762)

Thanks
Josh

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions