Nuxt SSG results in runtime error on Safari

Reproduction

https://codesandbox.io/s/formkit-nuxt-ssr-minimal-dnikdj

Describe the bug

The app won’t render and returns the following error in the dev tools of Safari: SyntaxError: Invalid regular expression: range out of order in character class

To reproduce, look at the reproduction link, then:

• run yarn generate
• run a static HTTP server from the files in .output/public (an easy way to do so is to execute cd .output/public and then python -m http.server 8000 if you have python installed, the website should be navigated from safari at http://localhost:8000).

Note that this bug does not appear when running through node (or when executing the dev or preview commands of the nuxt cli).

Environment

---

• Operating System: Darwin (Mac OS)
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.4
• Package Manager: yarn@1.22.15
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

[justin-schroeder]

Ok — I was finally able to track this down. The only way I could reproduce the bug was using your python server. The issue is that the python server is not setting the charset to utf-8 in the Content-Type header on the javascript file responses. So any UTF-8 characters in your JS files die. However serve and other servers do return the charset with the content type:

entry.mjs request in python “server”	entry.mjs request using “serve”

FormKit will continue to require UTF-8 support, but if you really need to get it working without UTF-8 you can remove the alpha, alpha_spaces and alpha_numeric validation rules from your build by using a custom FormKit configuration (not defaultConfig). Currently those are the only places in FormKit where UTF-8 characters are used. However, I cannot guarantee that other UTF-8 characters wont be introduced at some point in the future.

I’m going to close this, but I appreciate you bringing it up, its a new one to me.

[justin-schroeder]

maybe you need a meta tag on your page for charset?