How do I support older browsers?

[qianjiachun]

The compiled code contains ??, It cannot run in some older browsers.
I try to modify the target in tsconfig and package.json add browserslist, but it seems to fail. After build ?? still exist.

So is there any way to make the compiled code support the old version of the browser?

[kiliman]

Remix requires ESM module support on the browsers. So if you need to support older browsers, then you'll need to remove the <Script/> tag from root. Then treat your site as non-JS only. You can do that conditionally based on the user-agent.

https://caniuse.com/es6-module

[machour]

Weird. Could you try removing the .cache folder and building again?
Also, can you search and see where's the ?? in the files after building?

I only found and patched node_modules/@remix-run/react/dist/components.js and node_modules/@remix-run/react/dist/esm/components.js files, but maybe I missed one.

Also, I think 1.7.6 will be released today with the fix, so maybe you could wait for that instead

[qianjiachun]

Okay, i tried to remove .cache and rebuild, it was still failed😥.
Nevermind, i'm waiting for 1.7.6. Thanks again.

[machour]

@qianjiachun 1.7.6 is out, enjoy 🎉

[qianjiachun]

@qianjiachun 1.7.6 is out, enjoy 🎉

Thank you for paying so much attention to this problem !

Although the problem still exists after npm run build (but it works in the dev environment), I checked public/build/_ shared, some codes include ??. I think this is my own problem, perhaps caused by some modules I imported.

This problem is not very serious. I will do it myself, It doesn't matter. Thanks again.❤️❤️

[machour]

@qianjiachun You can ask for help on our Discord !

[brophdawg11]

Hey folks - if you're looking to support older browsers, go give this proposal an upvote! #4769