Javascript 从节点模块为VueJS中的firebaseui.css提供服务时出现问题

所以基本上我已经有这个问题很长一段时间了，我认为我已经解决了它，但事实并非如此

我从开始开发我的站点，它帮助我使用vue cli创建了一个PWA

在添加firebase身份验证的同时，我还将firebaseui添加到我的项目中

它告诉我将这一行添加到index.html

<link type="text/css" rel="stylesheet" href="node_modules/firebaseui/dist/firebaseui.css" />

这是2个月前的事了，在找到临时解决方案之前，我尝试了很多方法来解决这个问题：

当链接到CSS资源时，我在浏览器中看到一个“Cannot GET/node\u modules/firebaseui/dist/firebaseui.CSS”，我想可能是我的本地服务器没有为这个文件提供服务

因此，我进入build/dev-server.js文件并添加了以下行：

app.use(express.static('node_modules'))

并将my index.html中的链接更改为：

<link type="text/css" rel="stylesheet" href="/firebaseui/dist/firebaseui.css" />

我想这是有道理的，因为我写下这一点是因为我以前只更改了dev-server.js中的代码，而不是与构建/生产相关的文件中的代码

基本上，我是在寻求一种使用firebaseui.css的方法，而不必更改dev-server.js中的内容以使其在生产环境中工作，或者让某人告诉我必须编辑构建目录中的其他文件以使其工作

---

提前谢谢，如果你需要看到更多我的代码，请要求它，我会更新这篇文章

天哪，所以我做了更一般的挖掘，发现了这个讨论：

通过删除index.html中的导入和dev-server.js中现在无用的app.use行，修复了我的问题

现在我只是补充说

import 'firebaseui/dist/firebaseui.css'

---

在my main.js和firebaseui中，组件在开发和生产版本上都能正确呈现！：）

我在React中遇到了一个问题，当我加载StyledFileBeauth时，它导致页面上的字体/间距发生了非常轻微的变化（我想是因为导入了一个新的？）。我在App.js中添加了这一行，现在它保持一致。谢谢

"GET /firebaseui/dist/firebaseui.css" Error (404): "Not found"

import 'firebaseui/dist/firebaseui.css'