Skip to content

Browser does not display the index.html pages as expected for any of the exercises #54

@miinmon

Description

@miinmon

Issue Overview

index.html files do not display in browser (chrome/saffari/ffx). I get a blank browser window.

Describe your environment

MacBook Pro 14" M2 Venture 13.2.1

Version: 1.75.1
Commit: 441438abd1ac652551dbe4d408dfcec8a499b8bf
Date: 2023-02-08T21:34:01.965Z
Electron: 19.1.9
Chromium: 102.0.5005.194
Node.js: 16.14.2
V8: 10.2.154.23-electron.0
OS: Darwin arm64 22.3.0
Sandboxed: No

LiveServer v5.7.9

Chrome Version 110.0.5481.177 (Official Build) (arm64)

Steps to Reproduce

  1. Select any exercise and right click on index.html e.g. exercise 03_02
  2. Select Open with Live Server
  3. Chrome opens (default browser) to http://127.0.0.1:5500/javascript-essential-training-2832077-main/03_02/index.html

Expected Behavior

I expect the browser to display everyday backpack properties in this case (exercise 03_02)

Current Behavior

Browser opens but displays no text (ie blank page)

Here is html from console:

<title>Building a JavaScript object from scratch</title> <script src="script.js" defer></script> <script> // = 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf()); } parent.appendChild(elem); } } var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://'; var address = protocol + window.location.host + window.location.pathname + '/ws'; var socket = new WebSocket(address); socket.onmessage = function (msg) { if (msg.data == 'reload') window.location.reload(); else if (msg.data == 'refreshcss') refreshCSS(); }; if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) { console.log('Live reload enabled.'); sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true); } })(); } else { console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.'); } // ]]>

Possible Solution

Attempted to past URL in all browsers in both regular and incognito/private mode
Changed personal setting in live server to open in chromePrivateMode:

{
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.CustomBrowser": "chrome:PrivateMode"
}
(still openes in regular chrome/system browser though)

Screenshots / Video

image

Related Issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions