[Bug] Erro ao implementar axios | JavaScript: implementando CRUD com requisições HTTP

Ao implementar o axios através do script no HTML há um erro de buscar e renderizar os pensamentos. No console diz os seguintes problemas

index.html:1 Refused to load the script 'https://cdn.jsdelivr.net/npm/axios@1.6.7/dist/axios.min.js' because it violates the following Content Security Policy directive: "script-src 'self' 'sha256-eWHfylbX0k8EiIztH8iIjRyEwf7UL+BoZJj+IxZfqSU='". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

index.html:1 Refused to load the script 'https://cdn.jsdelivr.net/npm/axios@1.6.7/dist/axios.min.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

Oi Ana!

Certifique que o link do script está certinho:

</footer>
    <script src="https://cdn.jsdelivr.net/npm/axios@1.6.7/dist/axios.min.js"></script>
    <script type="module" src="js/api.js"></script>
    <script type="module" src="js/main.js"></script>
    <script type="module" src="js/ui.js"></script>
  </body>

Tente utilizar o live-server sobre o arquivo index.html, para evitar erros de CORS e afins.

Use outro navegador e veja se o erro persiste.

No mais, em caso de persistência, peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Espero ter ajudado!

Sucesso ✨

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Mergulhe em programação