No content from my UI extension in app.contentful.com about create-contentful-extension

[l5s]

I have the same problem. My browser window is completely blank. I tried adding the meta tags, but they didn't help. Any thoughts?

[suevalov]

@svandersteene I just verified scenario in Firefox 66 and could not reproduce the issue. Can you try to reproduce on your side?

[suevalov]

@svandersteene What do mean by 'didn't receive any content from my dev-UI-extension'? Can you provide more details?

[svandersteene]

@suevalov I tried creating an extension served from localhost, but I didn't get the content of my Component (as created per $ npx @contentful/create-contentful-extension) in the webapp of Contentful.

The first problem was "mixed content" 'cause I was serving my localhost over HTTP instead of HTTPS, so that was an easy fix.

But then I still didn't get the content from my Component, it was just blank in the webapp. I got this second problem fixed by simply adding line 5 & 6 (screenshot first post) in my index.html. These lines are not included in the "create-contentful-extension".

I don't know if this was a user-specific problem, but that's why I made this issue, so you could, if necessary, fix this.

[suevalov]

@svandersteene Interesting, I'll take a look

[suevalov]

@svandersteene I investigated the problem and see no correlation between meta tags that we've added to index.html and extension that is not rendered.

If you HTTPS=true and extension is being served from https://localhost:1234 then you need to open https://localhost:1234 in your browser and proceed with unsafe mode. If you don't want to unable unsafe mode, then you need to install SSL certificate that is generated by create-contentful-extension (it's located in .cache folder at the root the extension after you run npm run start)

But in general I see no problem using cli without HTTPS=true and enable mixed-content for your current development session. It is automatically turned off after you close your browser.

P.S. What browser and OS are you using?

[svandersteene]

@suevalov I did all that, I didn't understand either why it wasn't working.
I'm using Firefox 65.0.1 and macOS Mojave 10.14.3.

[svandersteene]

@suevalov I just tried it and it worked. I don't know what the problem was then.. I guess I must have made a mistake. Sorry for the inconvenience.

[mohammedzakkriya]

I am facing the same problem, the page is blank.

http://localhost:52563 - configured port 1234 could not be used.
🚨 /Users/apple/Documents/GitHub/my-first-extension/src/index.js: 'loose' mode configuration must be the same for both @babel/plugin-proposal-class-properties and @babel/plugin-proposal-private-methods