最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

问题从节点模块中VueJS服务firebaseui.css

运维笔记admin8浏览0评论

问题从节点模块中VueJS服务firebaseui.css

问题从节点模块中VueJS服务firebaseui.css

所以基本上我现在得到这个问题很长一段时间,我想我固定的,但事实并非如此。

我开始我的网站this guide的发展,它帮助我使用VUE-CLI创建PWA。

虽然增加火力验证它我也用this guide到firebaseui添加到我的项目。

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

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

可悲的是这并没有制定出来,我在我的铬控制台此错误信息:

Refused to apply style from 'http://localhost:8080/node_modules/firebaseui/dist/firebaseui.css'
 because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

这是2个月前,我尝试了很多的事情中寻找一个临时的解决方案之前,来解决这个问题:

下面链接到CSS资源。当我在浏览器中有一个“不能得到/node_modules/firebaseui/dist/firebaseui.css”和我想,也许我的本地服务器未服此文件。

于是我走进构建的/ dev-server.js文件,并加入这一行:

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

并改变了链接在我的index.html到:

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

现在我的网站上运行的“故宫运行开发”的时候,但现在它仍在运行时,“故宫运行构建”我的服务器输出,这并不做正确加载所有firebaseui组件:

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

我想这是有道理的,因为我写下来,因为我以前只在DEV-server.js的,而不是构建/生产相关的文件改变了代码

基本上,我要求的方式来用户firebaseui.css无需更改的东西在DEV-server.js有它在生产工作或有人告诉我有什么其他文件在生成目录编辑制作这行得通。

在此先感谢,如果你需要看到更多的我的代码,请提出要求,我会更新这个帖子!

回答如下:

神圣的狗屎,所以我做了更通用的挖掘,发现了这个讨论:

https://github/vuejs-templates/webpack/issues/604

通过删除无论是在index.html的进口和DEV-server.js现在没用app.use线固定我的问题

现在我只是简单地添加

import 'firebaseui/dist/firebaseui.css'

在我main.js和firebaseui组件的开发和生产版本都正确呈现! :)

发布评论

评论列表(0)

  1. 暂无评论