为什么取消CSS文件？

Question

我正在做一个简单的节点项目来练习，但我不能设法用它的CSS样式提供html文件。之前我在问过同样的问题，但我没有提到css文件的状态在开发者工具中被“取消”了。当我编辑它没有人回答为什么它被取消，所以我希望有人帮助我。这让我发疯了。这是我的app.js代码：app.use（“/ signup”，express.static（“public”））;

app.get("/", (req, res)=>
 res.send("Welcome to our website");
);

app.get("/signup", (req, res)=>
 res.sendFile(`$__dirname/index.html`)
)

这是我的HTML代码：

<head>
    <title>testapp</title>
    <link href="./public/styles.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <form method="post" action="/signup">
        <input type="text" placeholder="*First Name" required></input>
        <input type="text" placeholder="*Last Name" required></input>
        <input type="number" placeholder="*Age" required></input>
        <input type="email" placeholder="*Email" required></input>
        <input type="submit" value="Submit" required></input>
    </form>
</body>

当我删除“/ signup”的get方法，并将我的index.html放在公共目录中同时更新到css的链接时，它工作得很好，但我不希望它在'/'路由中。而且在没有localhost的情况下打开index.html文件时，它可以正常工作。我搜索了一下，发现有人问过同样的问题，我认为答案在我的情况下是不对的，我不确定，我也不理解.What does status=canceled for a resource mean in Chrome Developer Tools?。

先感谢您。