2. Programming Q&A
  3. Stray Semicolon in Next.JS - Stack Overflow

Stray Semicolon in Next.JS - Stack Overflow

admin2025-04-29  2

I'm new to front end development and am learning Next.JS. I went through the course on the website and have started my own project. I've noticed that there is a stray semi-colon at the very bottom of the page, both in my project and the Next.JS Dashboard project.

I can delete it using the developer tools, but it comes back on the next reload.

Here is the full element:

<div id="BUILDIT-floating-button-container-root">
    <link rel="stylesheet" href="chrome-extension://cmenipfkicambillfofhinidejiekggi/content/index.css">
    <link rel="stylesheet" href=".0.0-beta3/css/all.min.css">
    <div>
        <div class="_mainContainerButton_1pb4i_1 " style="top: var(--container-top, 60px); display: none;"><div class="buttonMain"><svg viewBox="0 -0.23 37.595 37.23" xmlns="; style="width: 55px;"><g id="logo" transform="matrix(1, 0, 0, 1, -107.66999816894531, -93.25399780273439)"><g id="Group_3077" data-name="Group 3077" transform="translate(107.67 93.254)"><g id="Group_3073" data-name="Group 3073" transform="translate(0 0)"><g id="Group_3072" data-name="Group 3072" transform="translate(0 0)"><g id="Group_3071" data-name="Group 3071"><g id="Group_3070" data-name="Group 3070"><path id="Path_4705" data-name="Path 4705" d="M144.437,93.254H108.288a.616.616,0,0,0-.618.612v35.777a.616.616,0,0,0,.618.612h36.149a.615.615,0,0,0,.618-.612V93.866A.616.616,0,0,0,144.437,93.254Z" transform="translate(-107.67 -93.254)" fill="#ffdc00"></path></g></g><rect id="Rectangle_570" data-name="Rectangle 570" width="5.719" height="20.617" transform="translate(1.236 8.192)" fill="#1d1d1b"></rect><path id="Path_4706" data-name="Path 4706" d="M146.405,193.047H111.492v-5.719h34.913v5.719Z" transform="translate(-110.256 -157.283)" fill="#1d1d1b"></path><rect id="Rectangle_571" data-name="Rectangle 571" width="5.719" height="20.617" transform="translate(30.43 8.192)" fill="#1d1d1b"></rect><path id="Path_4707" data-name="Path 4707" d="M146.405,102.8H111.492V97.076h34.913V102.8Z" transform="translate(-110.256 -95.84)" fill="#1d1d1b"></path><path id="Path_4708" data-name="Path 4708" d="M121.438,104.7a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,121.438,104.7Z" transform="translate(-116.23 -99.492)" fill="#ffdc00"></path><path id="Path_4709" data-name="Path 4709" d="M204.815,104.7a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,204.815,104.7Z" transform="translate(-172.637 -99.492)" fill="#ffdc00"></path><path id="Path_4710" data-name="Path 4710" d="M121.438,194.946a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,121.438,194.946Z" transform="translate(-116.23 -160.928)" fill="#ffdc00"></path><path id="Path_4711" data-name="Path 4711" d="M204.815,194.946a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,204.815,194.946Z" transform="translate(-172.637 -160.928)" fill="#ffdc00"></path></g></g><g id="Group_3076" data-name="Group 3076" transform="translate(42.165 5.352)"><g id="Group_3074" data-name="Group 3074"></g><g id="Group_3075" data-name="Group 3075" transform="translate(10.696 19.969)"></g></g></g><g id="Group_3079" data-name="Group 3079" transform="translate(116.615 101.733)"><path id="Path_4736" data-name="Path 4736" d="M149.917,131.474l-5.432-5.433a2.09,2.09,0,0,1-.554-1.889,3.257,3.257,0,0,0-.934-3,4.645,4.645,0,0,0-3.961-1.029.328.328,0,0,0-.149.573l2.265,1.907a.5.5,0,0,1,.031.73l-1.39,1.391a.5.5,0,0,1-.731-.031l-1.906-2.264a.329.329,0,0,0-.574.148,4.645,4.645,0,0,0,1.029,3.961,3.258,3.258,0,0,0,3,.934,2.09,2.09,0,0,1,1.889.554l5.433,5.433a2.09,2.09,0,0,1,.554,1.889,3.258,3.258,0,0,0,.934,3,4.645,4.645,0,0,0,3.961,1.029.329.329,0,0,0,.148-.574l-2.264-1.906a.5.5,0,0,1-.031-.73l1.391-1.391a.5.5,0,0,1,.73.031l1.906,2.264a.329.329,0,0,0,.574-.148,4.646,4.646,0,0,0-1.029-3.961,3.258,3.258,0,0,0-3-.934A2.091,2.091,0,0,1,149.917,131.474Z" transform="translate(-136.117 -120.041)" fill="#1d1d1b"></path><g id="Group_3078" data-name="Group 3078" transform="translate(0 0.611)"><path id="Path_4737" data-name="Path 4737" d="M144.553,133.231l-.592-.592L151.3,125.3l1.007-.272,1.518-2.148-.945-.945-2.148,1.518-.307.972-7.343,7.343-.557-.557a.3.3,0,0,0-.426,0l-6.479,6.479a1.024,1.024,0,0,0,0,1.449l1,1a1.025,1.025,0,0,0,1.449,0l6.479-6.479A.3.3,0,0,0,144.553,133.231Z" transform="translate(-135.324 -121.931)" fill="#1d1d1b"></path></g></g></g></svg></div><div class="expandIconContainer"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="up-right-and-down-left-from-center" class="svg-inline--fa fa-up-right-and-down-left-from-center expandIcon" role="img" xmlns="; viewBox="0 0 512 512"><path fill="currentColor" d="M344 0H488c13.3 0 24 10.7 24 24V168c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z"></path></svg></div></div>
    ";"
    </div>
</div>

Does anyone know what this is and how I can get rid of it?

I'm new to front end development and am learning Next.JS. I went through the course on the website and have started my own project. I've noticed that there is a stray semi-colon at the very bottom of the page, both in my project and the Next.JS Dashboard project.

I can delete it using the developer tools, but it comes back on the next reload.

Here is the full element:

<div id="BUILDIT-floating-button-container-root">
    <link rel="stylesheet" href="chrome-extension://cmenipfkicambillfofhinidejiekggi/content/index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <div>
        <div class="_mainContainerButton_1pb4i_1 " style="top: var(--container-top, 60px); display: none;"><div class="buttonMain"><svg viewBox="0 -0.23 37.595 37.23" xmlns="http://www.w3.org/2000/svg" style="width: 55px;"><g id="logo" transform="matrix(1, 0, 0, 1, -107.66999816894531, -93.25399780273439)"><g id="Group_3077" data-name="Group 3077" transform="translate(107.67 93.254)"><g id="Group_3073" data-name="Group 3073" transform="translate(0 0)"><g id="Group_3072" data-name="Group 3072" transform="translate(0 0)"><g id="Group_3071" data-name="Group 3071"><g id="Group_3070" data-name="Group 3070"><path id="Path_4705" data-name="Path 4705" d="M144.437,93.254H108.288a.616.616,0,0,0-.618.612v35.777a.616.616,0,0,0,.618.612h36.149a.615.615,0,0,0,.618-.612V93.866A.616.616,0,0,0,144.437,93.254Z" transform="translate(-107.67 -93.254)" fill="#ffdc00"></path></g></g><rect id="Rectangle_570" data-name="Rectangle 570" width="5.719" height="20.617" transform="translate(1.236 8.192)" fill="#1d1d1b"></rect><path id="Path_4706" data-name="Path 4706" d="M146.405,193.047H111.492v-5.719h34.913v5.719Z" transform="translate(-110.256 -157.283)" fill="#1d1d1b"></path><rect id="Rectangle_571" data-name="Rectangle 571" width="5.719" height="20.617" transform="translate(30.43 8.192)" fill="#1d1d1b"></rect><path id="Path_4707" data-name="Path 4707" d="M146.405,102.8H111.492V97.076h34.913V102.8Z" transform="translate(-110.256 -95.84)" fill="#1d1d1b"></path><path id="Path_4708" data-name="Path 4708" d="M121.438,104.7a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,121.438,104.7Z" transform="translate(-116.23 -99.492)" fill="#ffdc00"></path><path id="Path_4709" data-name="Path 4709" d="M204.815,104.7a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,204.815,104.7Z" transform="translate(-172.637 -99.492)" fill="#ffdc00"></path><path id="Path_4710" data-name="Path 4710" d="M121.438,194.946a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,121.438,194.946Z" transform="translate(-116.23 -160.928)" fill="#ffdc00"></path><path id="Path_4711" data-name="Path 4711" d="M204.815,194.946a1.115,1.115,0,1,0-1.115-1.115A1.116,1.116,0,0,0,204.815,194.946Z" transform="translate(-172.637 -160.928)" fill="#ffdc00"></path></g></g><g id="Group_3076" data-name="Group 3076" transform="translate(42.165 5.352)"><g id="Group_3074" data-name="Group 3074"></g><g id="Group_3075" data-name="Group 3075" transform="translate(10.696 19.969)"></g></g></g><g id="Group_3079" data-name="Group 3079" transform="translate(116.615 101.733)"><path id="Path_4736" data-name="Path 4736" d="M149.917,131.474l-5.432-5.433a2.09,2.09,0,0,1-.554-1.889,3.257,3.257,0,0,0-.934-3,4.645,4.645,0,0,0-3.961-1.029.328.328,0,0,0-.149.573l2.265,1.907a.5.5,0,0,1,.031.73l-1.39,1.391a.5.5,0,0,1-.731-.031l-1.906-2.264a.329.329,0,0,0-.574.148,4.645,4.645,0,0,0,1.029,3.961,3.258,3.258,0,0,0,3,.934,2.09,2.09,0,0,1,1.889.554l5.433,5.433a2.09,2.09,0,0,1,.554,1.889,3.258,3.258,0,0,0,.934,3,4.645,4.645,0,0,0,3.961,1.029.329.329,0,0,0,.148-.574l-2.264-1.906a.5.5,0,0,1-.031-.73l1.391-1.391a.5.5,0,0,1,.73.031l1.906,2.264a.329.329,0,0,0,.574-.148,4.646,4.646,0,0,0-1.029-3.961,3.258,3.258,0,0,0-3-.934A2.091,2.091,0,0,1,149.917,131.474Z" transform="translate(-136.117 -120.041)" fill="#1d1d1b"></path><g id="Group_3078" data-name="Group 3078" transform="translate(0 0.611)"><path id="Path_4737" data-name="Path 4737" d="M144.553,133.231l-.592-.592L151.3,125.3l1.007-.272,1.518-2.148-.945-.945-2.148,1.518-.307.972-7.343,7.343-.557-.557a.3.3,0,0,0-.426,0l-6.479,6.479a1.024,1.024,0,0,0,0,1.449l1,1a1.025,1.025,0,0,0,1.449,0l6.479-6.479A.3.3,0,0,0,144.553,133.231Z" transform="translate(-135.324 -121.931)" fill="#1d1d1b"></path></g></g></g></svg></div><div class="expandIconContainer"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="up-right-and-down-left-from-center" class="svg-inline--fa fa-up-right-and-down-left-from-center expandIcon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M344 0H488c13.3 0 24 10.7 24 24V168c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z"></path></svg></div></div>
    ";"
    </div>
</div>

Does anyone know what this is and how I can get rid of it?

  • next.js
Share Improve this question asked Jan 6 at 23:12 HarlanHarlan 1971 gold badge3 silver badges16 bronze badges 4
  • This is being generated by your Javascript, right? How did you create this? – Tim Roberts Commented Jan 6 at 23:16
  • I used npx create-next-app@latest to create both of the projects. Didn't change anything else. – Harlan Commented Jan 6 at 23:29
  • 1 I'm going to go out on a limb and suggest that you have a rogue Chrome extension installed that is adding this. Those URLs are quite suspicious. If they're not present in any of your files (have you grepped?), then someone is inserting them. You should try Chrome "safe mode". – Tim Roberts Commented Jan 7 at 1:38
  • @TimRoberts, that was totally it! I didn't even need safe mode. I looked at the name of the div and found the extension right away. It's not one I use all that often, so it's gone. – Harlan Commented Jan 7 at 2:17
Add a comment  | 

1 Answer 1

Reset to default 0

For anyone that finds this, it ended up being an extension that I had installed that was causing the issue. Once I removed the extension, the stray semicolon went away.

转载请注明原文地址:http://anycun.com/QandA/1745939839a91404.html

Stray Semicolon in NextJSStack Overflow