Preview of a post in netlifycms broken about eleventy-netlify-boilerplate HOT 9 CLOSED

Have you tested this by deploying the demo site to Netlify to see if it happens? I'm unable to reproduce this error.

https://app.netlify.com/start/deploy?repository=https://github.com/danurbanowicz/eleventy-netlify-boilerplate&stack=cms

Please provide more info if you can and I'll have a closer look.

from eleventy-netlify-boilerplate.

Yes, I just tested with a fresh deployment. Hm... I can provide you with some screenshots to show how it looks like.

Thanks for you help!

from eleventy-netlify-boilerplate.

The CORS error is probably specific to your version of Safari, as I'm unable to replicate it with any of my browsers. And as I didn't do the post preview templates PR myself, I'm unfamiliar with how it's been built.

Not sure if this will work, but if you're interested in investigating this yourself, you could try implementing Netlify's proxy redirecting by adding something like the following in your netlify.toml to proxy requests for those unpkg modules through Netlify, thereby - in theory - bypassing the CORS policy on unpkg.com

[[redirects]]
  from = "/unpkg/*"
  to = "https://unpkg.com/:splat"
  status = 200
  force = true
  headers = {Access-Control-Allow-Origin = "*"}

The final 2 errors in your screenshot are caused by Netlify CMS looking for Git Large File Storage settings and these errors, although a bit worrying, are apparently normal.

The missing favicon.ico 404 has been fixed.

from eleventy-netlify-boilerplate.

Problem also occurs using Chrome or Firefox:

What the hell is "hastebrot.static.observableusercontent.com"?

I just tried your "redirects"-suggestion. To no avail...

from eleventy-netlify-boilerplate.

It might be worth opening an issue at netlify/netlify-cms as it's not obvious to me what is causing this error and I'm unable to reproduce it and therefore fix it.

Also check your firewall, ad-blocker, proxy etc if required in case it's something really simple causing the error.

Anyway, if you get any closer to solving this, please let me know!

from eleventy-netlify-boilerplate.

Thanks for your help, Dan! I will probably do that.

from eleventy-netlify-boilerplate.

Also, if you need a temporary fix to this error, you could copy and host the offending module(s) locally in your Netlify project instead of via unpkg.com

from eleventy-netlify-boilerplate.

-import htm from "https://unpkg.com/htm?module";
+import htm from "/admin/preview-templates/htm.js";

in

admin/preview-templates/page.js and
admin/preview-templates/post.js

Preview is working again!

from eleventy-netlify-boilerplate.

OK, good to hear you got a temporary fix working at least.

I'm closing this issue for now but let me know if you want to re-open it.

from eleventy-netlify-boilerplate.