Not all js code being created in output

[ironfish1000]

Hi, I have an .md template that contains a bunch of javascript code.

I get an error in Inspect > Console that says:

Uncaught ReferenceError: generatePassword is not defined
at HTMLButtonElement.onclick

When I look at the source of the output page, all the code below
<script src="https://cdn.jsdelivr.net/npm/qrcode@1.4.4/build/qrcode.min.js"></script>
is missing.

eleventy --serve does not report any errors when building this page....

This exact same code does run fine in another SSG so I do not think it is the code....

Any help is much appreciated....

[zachleat]

Are you using the eleventy-base-blog project? If so, look through your eleventy.config.js file and comment out the bundleHtmlContentFromSelector line here https://github.com/11ty/eleventy-base-blog/blob/977d950fa73bd609338393b3cb29c21e39e63dbe/eleventy.config.js#L43-L49

[ironfish1000]

Edit - I changed the extension of the template file to .html and this fixed the issue. I am sorry, but I had read that 11ty allows html in .md files and so I did not think this would be an issue.

[zachleat]

If extra <p> are being added, this is a markdown limitation (not an 11ty thing)! I’d recommend swapping to use a different file type like .html

Edit: JINX!

[zachleat]

As promised those docs are deploying here https://www.11ty.dev/docs/plugins/bundle/#bundling-html-node-content (might take a few minutes before its live)

[ironfish1000]

Thank you Zach for all your help :) I think you have an amazing project and I wish I could help out more, but I am a noob to 11ty and to js in general.

[zachleat]

No worries! Every level of experience is welcome — if it’s confusing to noobs it helps me to know!