Demo pages are not loading - Aviary problem suspected
So, there are demos on the frontpage of the site that simply doesn't work without us having to go through hoops and loops. Why don't you simply fix the pages on the website!?
Read full answer below ↓Question
Similar to #1140 but it is in Firefox 60.0.1 (64-bit) and the Console spits out the following:
On Webpage Demo:
ReferenceError: Aviary is not defined[Learn More] grapesjs-preset-webpage.min.js:14:1130
t.default< https://grapesjs.com/js/grapesjs-preset-webpage.min.js:14:1130
t.default< https://grapesjs.com/js/grapesjs-preset-webpage.min.js:2:3485
init/< https://grapesjs.com/js/grapes.min.js:2:362237
forEach self-hosted:261:13
init https://grapesjs.com/js/grapes.min.js:2:362190
<anonymous> https://grapesjs.com/demo.html:968:21
On Newsletter Demo:
ReferenceError: Aviary is not defined[Learn More] grapesjs-aviary.min.js:2:929
<anonymous> https://grapesjs.com/js/grapesjs-aviary.min.js:2:929
init/< https://grapesjs.com/js/grapes.min.js:2:362237
forEach self-hosted:261:13
init https://grapesjs.com/js/grapes.min.js:2:362190
<anonymous> https://grapesjs.com/demo-newsletter-editor.html:544:20
- Are you using the latest release (older versions are NOT supported)? Don't know
- If you're not sure, type
grapesjs.versionin console and press ENTER
- If you're not sure, type
- Are you facing the bug with your local copy of GrapesJS or with the current demo? Demo
- If a local copy
- Indicate all informations about your OS, browser and GrapesJS version. Windows 10, Firefox 60.0.1 (64-bit)
- Are you able to reproduce the bug from the demo? Yes
- What is the expected behavior? Working Demo
- What happens instead? Blank page (ad shown if do-not-track disabled)
- If you're able to reproduce the bug indicate all the necessary steps > Visit demo page
- Attach screenshots (using KAP/LICEcap), screencasts or live demo > Necessary?
- JSFiddle Starter template https://jsfiddle.net/szLp8h4n
- CodeSandbox Starter template https://codesandbox.io/s/1r0w2pk1vl
Answers (3)
So, there are demos on the frontpage of the site that simply doesn't work without us having to go through hoops and loops. Why don't you simply fix the pages on the website!?
Hmmmmmm the problem appears to have gone away after I posted this. I had refreshed several times before and it was still there before.
If you think there's nothing to fix, please feel free to close.
i had the same issue .
just install this chrome extension called HTTPS Everywhere .
the blank page is because of some security risk of mixture of http and https requests and browsers will load the page but showing nothing . the error is reported in console you can see .
but be careful on other sites other than grapejs editor and disable this extension .
after installing this extension and enabling it my problem solved.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1140
[BUG] IE11 Newsletter Demo not working
General Information I'm trying the the current demo on http://grapesjs.com/demo-newsletter-editor.html. The webpage demo works without a pr...
Issue #2044
Npm start to develop on local server didn't work
Did the procedure to start the local server using dev branch as described on README, it worked on the console, but fails on chrome and the...
Issue #1699
[BUG] Link elements are not copyable/deletable
In the editor, if we have link element with some classes, the editor does not allow to copy/delete the element. GrapesJS version: v0.14.50S...
Issue #1563
[Bug] Trait - Change Video Provider issue
Version: 0.14.40 Bug: When you change "Provider" field -> all settings gone. It happens in Chrome, Safari and Firefox, last versions. How t...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.