Forum Discussion

hannahstone-f3e's avatar
hannahstone-f3e
Community Member
2 years ago

Black screen with loading dots

Hi,

In my course, once learners have completed all sections, they are taken to an overall results slide.

However, when selecting the next button to navigate to the overall results slide, a black buffering screen with 3 dots appears. This cannot be navigated away from and nothing loads in. It essentially breaks the course!

This happens when previewing the course in storyline, as well as when published to Review360 and SCORM Cloud.

Is there something on the final results slide causing this error?

Attached is a screenshot and project file.

Thanks

  • I have been through the overall results slide and deleted elements until the navigation worked. It seems what is causing the issue is the variable references I have used on the slide to refer to each section's activities. Attached is a screenshot of an example.

    Why would the variables references be causing this issue?

     

  • yes it happens for me also (checked with Chrome)

    https://360.articulate.com/review/content/6f7adbe7-9f8d-46a3-a782-d146bd3b0b68/review

    a peek with the result

    https://360.articulate.com/review/content/1167b909-3337-4e4f-b399-172c62731872/review

    and I get many errors in the browser console

    many (> 50):

    • Uncaught TypeError: Cannot read properties of null (reading 'el')

    then

    • Uncaught TypeError: Cannot read properties of null (reading 'componentWillReceiveProps')
    • Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the AccText component.
    • Uncaught Invariant Violation: findComponentRoot(..., .1.0.1.0:$_player=16CxZNxEGPOu=1675S9n5iqJR): Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the browser), usually due to forgetting a <tbody> when using tables, nesting tags like <form>, <p>, or <a>, or using non-SVG elements in an <svg> parent. Try inspecting the child nodes of the element with React ID ``.
    • ...
    • hannahstone-f3e's avatar
      hannahstone-f3e
      Community Member

      Hi Jurgen,

      Thanks for your help!

      Did you find the errors upon 'inspecting' the Review webpage? 

      I'm not very familiar with code so I'm afraid I don't quite understand what those messages mean.

      Is there any way to pinpoint/correct the cause?

       

      Thanks

  • it happens on Review 360 with Chrome (Firefox not tested)

    I have added the link to Review 360 in my first post

    please open a support case with a link to this thread

    (the error messages are not for you, they are for the articulate support)

    @support: after around 30 minutes of waiting, the 3 dots animation disappeared - but the main menu is not working

    @support: the browser log file is the attachment

  • Hi Hannah,

    I'm happy to chime in, and I appreciate the help of Jürgen here as well!

    Good job isolating the variable references causing the issue, Hannah! I ran some tests on the Storyline project and found that the variable references in slide 8.8 use built-in variables not used by the other Result slides. This causes the freezing issue as Storyline cannot associate the variable references. I replaced the variable references with the correct ones, and it fixed the problem. You may need to update the variables in the triggers in slide 8.8 as well for the course to function properly.

    I'm unsure where the variable versions with a '1' came from; they could've been generated by copying and pasting Result slides. I attached the revised Storyline project with this fix.

    Please let me know if you have any questions!

    • hannahstone-f3e's avatar
      hannahstone-f3e
      Community Member

      Eric and Jurgen thank you both so much! You've been a great help.

      I will definitely watch out for this in the future.

      Eric, I would be interested to know more about the tests you ran on the file. Can you reveal more about what you did? I'd love to expand my knowledge in diagnosing issues in Storyline!

       

      Thanks

      • EricSantos's avatar
        EricSantos
        Staff

        Hi Hannah,

        I'm happy to share the steps I applied during the investigation. First, I placed a button on the slide 1.1 that jumps directly to slide 8.8 to make things quicker; it should not affect the outcome of the tests. Then I previewed the project to reproduce the issue. I then removed the variable references and confirmed that they were the ones causing the problem.

        Looking closely at the variable references, I checked if the variables were the ones being used by looking at the other Result slides. True enough, incorrect variables proved to be the cause of the issue.

        Since the project contains a lot of slides, putting a button on the first slide that jumps directly to the affected slide is always a good idea!

  • Thanks Eric.  This helped me too.  I had used an old course/template to create a new one and when I got to the Results slide I was missing a few things and had a few not working.

    1 - I had to ensure the quiz was tracking/scoring the correct "new" questions

    2 - I had to ensure my triggers were using the new quiz variables.  To help with this I renamed the quiz  (on the results slide, design, quiz settings, name.... the name here copies over to the built-in variable so it was easier to locate instead of results.scorepercent and results1.scorepercent.  My new quiz name "final_quiz" came up in the variables list as final_quiz.scorepercent.)

    3 - I had variables inserted on my slide "here is the score you got" and they were pointing to the old (template's) results.scorepercent instead of the new quiz (final_quiz.scorepercent) I had just created.

    (hope that makes sense)

    • StevenBenassi's avatar
      StevenBenassi
      Staff

      Hi Tracy!

      I'm so glad to hear the solution Eric provided helped to resolve your issue with Results slides! Thanks for reaching out and sharing the steps you took. I'm sure other users discovering this thread with a similar issue will find this very useful!

      If you run into any trouble moving forward please let us know and we'd be happy to help. Have a great rest of your week!