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

Question

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

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

Uncaught TypeError: can't convert undefined to object

mergeConfig mergeConfig.js:92 request Axios.js:39 method Axios.js:129 wrap bind.js:9 login Login.svelte:11 listen index.mjs:412 listen_dev index.mjs:1961 mount bundle.js:3413 mount_component index.mjs:1745 update bundle.js:765 update bundle.js:931 update index.mjs:1075 flush index.mjs:1042 promise callback*schedule_update index.mjs:1000 make_dirty index.mjs:1777 ctx index.mjs:1815 unsubscribeLoc bundle.js:1442 subscribe index.mjs:50 instance$3 Router.svelte:493 init index.mjs:1809 Router bundle.js:1583 create_fragment bundle.js:3583 init index.mjs:1824 App bundle.js:3655 app 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 为我解决了这个问题。