Steps to reproduce
- clone the repo
- npm install
- npm start
- enter http://localhost:3030/ in the browser
Expected behavior
See something
Actual behavior
The browser page is blank.
The page code is:
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0" />
<title>FeathersJS chat</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="chat.css">
</head>
<body>
<div id="app" class="flex flex-column"></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script>
<script src="//unpkg.com/@feathersjs/client@^4.3.0/dist/feathers.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="client.js"></script>
</body>
</html>
Console errors (Chromium)
ERROR: Refused to load the script 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js' because it violates the following Content Security Policy directive: "script-src 'self'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.
ERROR: localhost/:1 Refused to load the script 'https://unpkg.com/@feathersjs/client@%5E4.3.0/dist/feathers.js' because it violates the following Content Security Policy directive: "script-src 'self'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.
ERROR client.js:5 Uncaught ReferenceError: feathers is not defined
at client.js:5
Console errors (Firefox)
(sorry, I have firefox configured in Spanish)
Content Security Policy: No se puede procesar la directiva desconocida 'script-src-attr'
Ha fallado la carga del <script> con origen "http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js". localhost:3030:13:1
Ha fallado la carga del <script> con origen "http://unpkg.com/@feathersjs/client@%5E4.3.0/dist/feathers.js". localhost:3030:14:1
Content Security Policy: Las opciones para esta página han bloqueado la carga de un recurso en inline (script-src). localhost:3030:1:1
Content Security Policy: Las opciones para esta página han bloqueado la carga de un recurso en http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js (script-src).
Content Security Policy: Las opciones para esta página han bloqueado la carga de un recurso en http://unpkg.com/@feathersjs/client@%5E4.3.0/dist/feathers.js (script-src).
ReferenceError: feathers is not defined client.js:5:16
Content Security Policy: Actualizando solicitud insegura 'ws://localhost:3030/socket.io/?EIO=3&transport=websocket&sid=V884JLfBmOGKZaW9AAAE' para usar 'wss'
Firefox no puede establecer una conexión con el servidor en wss://localhost:3030/socket.io/?EIO=3&transport=websocket&sid=V884JLfBmOGKZaW9AAAE. socket.io.js:8:6159
System configuration
Module versions (especially the part that's not working): N/A?
NodeJS version: 12.18.3
Operating System: Debian GNU/Linux
Browser Version: Firefox 68.11.0esr (64-bit); Chromium 83.0.4103.116 (Developer Build) built on Debian bullseye/sid, running on Debian bullseye/sid (64-bit)
React Native Version: ?
Module Loader: ?
(sorry, I'm not very competent in frontend, I guess the problem is easy because I could not find any other issue on it)