Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

import { cards } from './cards.js'

window.onload = () => {
    let animacards = new cards();
    document.addEventListener("scroll", animacards.teste )

}
class cards {
    constructor() {


    }

    teste() {
        console.log("scroll")
    }

}

export { cards }
<script type="module" src="script.js" > </script>

ao tentar interligar o arquivo "index.html" ao arquivo "script.js" que tem importado a classe "cards" do arquivo "cards.js" o seguinte erro aparece no console: index.html:1 Access to script at 'file:///C:/Users/rodri/Desktop/0SVG%20SITE/script.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. index.html:1929 GET file:///C:/Users/rodri/Desktop/0SVG%20SITE/script.js net::ERR_FAILED

1 resposta
solução!

Geralmente isso ocorre pelo fato de você está chamando o arquivo script.js diretamente de um endereço físico na sua maquina (file:///C:/Users/rodri/Desktop/0SVG%20SITE/script.js). Ai por politicas de segurança do próprio navegador, ele acusa esse problema.

Tenta utilizar uma abordagem cliente/servidor, pode ser utilizando um servidor Apache/Nginx

Pelo endereço do arquivo percebo que você deve estar usando o Windows, instala o XAMPP... nele vem um pacote com vários serviços, MySQL, PHP, etc... mas quando iniciar o aplicativo, inicie apenas o serviço do Apache.

Após isso basta você colocar seu index.html e script.js dentro da pasta htdocs (que fica na dentro da pasta onde você escolheu para instalar, geralmente C:/xampp/htdocs) que irá funcionar. Ai no navegador você irá acessar apenas digitando http://localhost

Espero ter ajudado!