控制台从 fetch() 函数记录一个常量 response.text() 但我的代码被控制台记录为文本而不是即时获取的内容怎么修？

编程问答 2022-05-10

问题描述

我对 Visual Studio Code 上的 Live-Server 扩展比较陌生。我正在测试 fetch() 函数。 这是我用来测试它的代码，我知道这应该可以工作，因为我直接从 YouTube 视频中复制了它，this one

<!DOCTYPE html>
<html lang="en">
    <head> 
        <Meta charset="UTD-8" />
        <Meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <Meta http-equiv="X-UA-Compatible" content="ide=edge" />

        <title>Fetching and graphing CSV</title>
        <body>
            
            <script>
                getData();

                async function getData() {
                const response = await fetch('test.csv');
                const hello = await response.text();
                console.log(hello);
                
       
                }
            </script>
        </body>
    </head>
</html>

我在与此 HTML 文件相同的目录中有一个 test.csv 文件，但是当我运行它时，控制台中的输出只是代码的文本版本，而不是 test.csv 文件的文本版本。 this is the output in my browser's console

我该如何解决这个问题，以便我可以将 console.log 文件test.csv 放入我的浏览器？

更新：我只是想通过调试它，结果它没有获取它说Uncaught TypeError: Failed to fetch

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fetchliveservervisual-studio-code