Add a <noscript> tag in Nuxt

Question

I would like to add <body><noscript><h1>Please enable your javascript<h1></noscript></body> in the developer mode.

I tried to configure it in the nuxt.config.js file but it didn't worked.

kissu · Accepted Answer · 2022-04-11 08:54:23Z

8

If you want to setup a noscript tag, you need to create an app.html in the root directory of your project as explained in the documentation.

Like this

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    <noscript>Your browser does not support JavaScript!</noscript>
    {{ APP }}
  </body>
</html>

Keep in mind that if you're using ssr: true, you will still get some content even if the JS is disabled because the content will be generated on the server for some parts.

answered Apr 11, 2022 at 8:54

kissu

47.3k16 gold badges94 silver badges197 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add a <noscript> tag in Nuxt

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related