Uncaught DOMException: Node.removeChild: The node to be removed is not a child of this node

Wappler General Bugs
#1

OS info

  • Operating System : Windows 10.0.19042
  • Wappler Version : 3.7.4

Problem description

Below is a simple page with an alert that won’t display due to the following error in the browser’s console:

Uncaught DOMException: Node.removeChild: The node to be removed is not a child of this node dmxBootstrap5Alert.js:7
    update http://localhost:12345/dmxAppConnect/dmxBootstrap5Alert/dmxBootstrap5Alert.js:7
    render http://localhost:12345/dmxAppConnect/dmxBootstrap5Alert/dmxBootstrap5Alert.js:7
    constructor http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    n http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    constructor http://localhost:12345/dmxAppConnect/dmxBootstrap5Alert/dmxBootstrap5Alert.js:7
    n http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    $addChild http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    parse http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    walk http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    walk http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    forEach self-hosted:206
    walk http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    $parse http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    render http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    constructor http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    n http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    constructor http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    n http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    appConnect http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    <anonymous> http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7
    (Async: EventListener.handleEvent)
    <anonymous> http://localhost:12345/dmxAppConnect/dmxAppConnect.js:7

<!doctype html>
<html>

<head>
    <base href="/">
    <script src="dmxAppConnect/dmxAppConnect.js"></script>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="bootstrap/5/css/bootstrap.min.css" />
    <link rel="stylesheet" href="fontawesome5/css/all.min.css" />
    <script src="dmxAppConnect/dmxBootstrap5Alert/dmxBootstrap5Alert.js"></script>
</head>

<body is="dmx-app" id="">
    <div class="alert" id="alert1" is="dmx-bs5-alert" role="alert">
        <p>This is a nice alert!</p>
    </div>
    <div class="container">
        <div class="row">
            <div class="col">
                <p>A nice paragraph</p>
            </div>
        </div>
    </div>
    <script src="bootstrap/5/js/bootstrap.bundle.min.js"></script>
</body>

</html>
Wappler 3.7.6 Released
Alerts in BS 5 not working
#2

I had the same issue. As I just wanted to add some colors to my text I removed the dmxBootstrat5alert.js as a temporary fix.

#3
#4

Updated dmxBootstrap5Alert.js.

dmxBootstrap5Alert.zip (1.0 KB)

1 Like
#5

Confirmed fix. Thanks!

#6

Using BS5 Beta, I’m getting much the same error but the maps folder has files for BS4 instead of BS5. I’ve deleted them but it keeps recreating BS4 files

Screenshot 2021-02-08 at 22.26.18

(MacOS, PHP, Wappler 3.7.4)

#7
#8

This has been fixed in Wappler 3.7.5

#9
#10