javascript - axios get 请求无法将 undefined 转换为对象

Question

我正在尝试在我的 js/svelte 应用程序中发出获取请求。REST-API 在浏览器中或使用 postman 进行测试时工作得非常好。

当我点击网站上的 Go 按钮时，检查工具在控制台中出现以下错误。

Uncaught TypeError: can't convert undefined to object

mergeConfig mergeConfig.js:92request Axios.js:39method Axios.js:129wrap bind.js:9login Login.svelte:11listen index.mjs:412listen_dev index.mjs:1961mount bundle.js:3413mount_component index.mjs:1745update bundle.js:765update bundle.js:931update index.mjs:1075flush index.mjs:1042promise callback*schedule_update index.mjs:1000make_dirty index.mjs:1777ctx index.mjs:1815unsubscribeLoc bundle.js:1442subscribe index.mjs:50instance$3 Router.svelte:493init index.mjs:1809Router bundle.js:1583create_fragment bundle.js:3583init index.mjs:1824App bundle.js:3655app main.js:3 bundle.js:3675

这是代码。

    <script>
    import {replace} from 'svelte-spa-router'
    import {LoginDto} from "../scripts/data_transfer_objects/LoginDto";
    import axios from "axios";

    let loginTemplate = new LoginDto();

    function login(){
        console.log(loginTemplate.password);
        axios.get("http://localhost:5000/login", {
            auth: {
                username: "test",
                password: "1234"
            }
        });
        replace("#/activities");
    }
</script>

<div>
    <input type="password" placeholder="Password" bind:value={loginTemplate.password}>
    <button on:click={login}>Go</button>
</div>

有人知道问题出在哪里吗？

提前致谢!

编辑

我尝试了一个更简单的例子。

<script>
    import axios from "axios";

    axios.get("localhost:5000/activities");
</script>

这也不行。我产生了与上述相同的错误。

Answer 1

问题可能来自对 @rollup/plugin-commonjs 的过时依赖。从 17.0.0 升级到 21.0.1 为我解决了这个问题。