开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

将Angular PWA部署到GitHub页面时，CSS位置未按预期工作

可能是由于相对路径的问题导致的。在部署到GitHub页面时，CSS文件的路径可能需要进行调整。

解决这个问题的方法是使用绝对路径来引用CSS文件。在Angular项目中，可以通过在angular.json文件中的"assets"数组中添加CSS文件的路径来实现。具体步骤如下：

打开angular.json文件，可以在项目的根目录下找到该文件。
在"assets"数组中添加CSS文件的路径，例如："src/styles.css"。
重新构建项目，使用以下命令进行构建：ng build --prod。
构建完成后，将生成的dist文件夹中的内容复制到GitHub页面的仓库中。
在GitHub页面的仓库中，找到index.html文件，并确保在<head>标签中正确引用了CSS文件，例如：<link rel="stylesheet" href="styles.css">。

这样，当访问GitHub页面时，CSS文件应该能够按预期工作了。

关于Angular PWA的概念，它是一种使用Angular构建的渐进式Web应用程序（Progressive Web App）。PWA具有类似于原生应用程序的体验，可以在离线状态下运行，并且可以通过添加到主屏幕来进行访问。PWA的优势包括更快的加载速度、更好的用户体验和更高的转化率。

推荐的腾讯云相关产品是腾讯云静态网站托管（Static Website Hosting），它提供了简单、快速、安全的方式来托管静态网站。您可以使用腾讯云静态网站托管来部署和托管Angular PWA应用程序。您可以通过以下链接了解更多关于腾讯云静态网站托管的信息：https://cloud.tencent.com/product/tc3

希望以上信息能够帮助您解决问题并了解更多相关知识。如果还有其他问题，请随时提问。

相关搜索:将webiste部署到Github页面后，CSS不在本地应用将Angular组件库部署到Github页面仅支持绝对URL 使用Travis CI将Lektor站点部署到Github页面时出错 CSS相对路径在部署到github页面时被破坏，构建过程问题？将Angular应用程序的功能分支部署到GitHub页面的正确方法是什么？将React应用程序部署到github页面时，manifest.json出现404个错误和问题将react项目部署到github页面时，公用文件夹中的图像会出现问题 qq文字扫描识别软件 qq文字识别功能在哪 qq有文字识别功能吗

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Vue 备受热捧、VS Code 成主宰！2020 前端开发趋势指南，先干为敬！

前端在生产和开发中占据着越来越重要的地位，PC 端、手机端、桌面端、智能手表端等等设备都离不开前端的身影。本文将围绕框架、编程语言、工具、React、Vue 等方面，全面回顾 2019 年前端与 Web 开发的大事。

01

2018前端最值得关注的技术有哪些？

2018已经过去了一多半，来简单总结一下。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，自己觉得哪些需要学，对哪些有兴趣就学哪些！如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习！

02

对打 Angular，Blazor 赢在哪里？

Blazor 是一个 Microsoff ASP.NET Core 框架，用它无需任何附加组件或插件即可在浏览器中运行.NET 应用程序。相比之下，Angular 是一种基于组件的流行 JavaScript 框架，用于构建可扩展的 Web 应用程序。

03

2018前端值得关注的技术

2017悄然过去，2018已经来到。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，自己觉得哪些需要学，对哪些有兴趣就学哪些！如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习！

2019 简易Web开发指南

2019年即将到来，各位同学2018年辛苦了。不管大家2018年过的怎么样，2019年还是要继续加油的！在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享，包括前端、后端和全栈相关。

04

2018 最值得关注的前端技术

2017悄然过去，2018已经来到。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，自己觉得哪些需要学，对哪些有兴趣就学哪些！如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习！

03

使用 Jenkins X、Kubernetes 和 Spring Boot 实现 CI/CD

过去五年中的变化，如迁移到公有云以及从虚拟机向容器的转变，已经彻底改变了构建和部署软件的意义。

01

2019年8大Web开发趋势

熟悉前端开发的人应该都知道，最近几年，各种前端框架层出不从，H5开发模式也越来越流行，大前端时代也已经到来。每一年各种前端技术也应运而生，快速掌握最新的前端技术也是每一个开发者不可或缺的一门技能。如今也是新的一年的到来，去年，也就是2018年，大家也都知道，很多前端技术已成为大势所趋，比如Node.js,一门可以让Javascript运行在服务端的技术，已经逐渐发展成一个成熟的开发平台，吸引了众多的开发者；又比如三大前端框架Vue.js, AngularJS以及React.js各有特点，各有所长，使用的人也越来越多，还有Stencil，可以为你的所有应用构成一个组件库等等。所有这些新兴的前端技术，使我们的开发越来越方便。今天在这里，我就来给大家谈谈2019年的8个Web开发的趋势，希望能给各位带来一些有用的信息。

02

前端新趋势

快速回顾，也就意味着篇幅精悍，重点突出，也就可能难免有不当和错误之处，如果有，敬请指正和留言讨论。知识之旅开始：

02

Angular 5 快速入门与提高

尽管被称为Angular5，实际上它只是这个诞生于2012年的前端框架的的第四个版本：

02

使用 Jenkins X、Kubernetes 和 Spring Boot 实现 CI/CD

过去五年中的变化，如迁移到公有云以及从虚拟机向容器的转变，已经彻底改变了构建和部署软件的意义。

07

AngularDart4.0 高级-部署顶

部署AngularDart web应用程序与部署其它web应用程序类似 , 除了你需要先将应用程序编译成JavaScript. 本页描述如何编译你的应用程序—使其更快更小的技巧—和引导你使用服务应用程序的一些资源.

01

50个好用的前端框架，建议收藏!

来源 | https://www.jianshu.com/p/182b69e54fe8

03

如何快速搭建好看的个人博客(完整配置与源码)

博客地址程序员成长指北(http://www.inode.club/) 可以先体验下。

01

50个好用的前端框架，千万收好以留备用!

Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。

01

2019-Web开发技术指南和趋势

HTML/CSS框架目前没有以前那么有意义, 但是我还是介意你选择一个学习(这里作者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的).

02

2017前端技术大盘点!

前言临近2017的尾声，总是希望来盘点一下这一年中前端的发展。这一年，有一些新技术和新东西产生，同时，前端技术也慢慢的趋于稳固，自成一套体系。如果你喜欢我的文章，欢迎评论，欢迎关注我的github博客~ 正文我们何处说起？自然是离不开那三驾马车。三驾马车自从2015年，react的问世，开始了三驾马车时代的先河。同时，jQuery也逐渐让出了其霸主的地位。后续的，angular开始了大型的改版，似乎想要追逐react的步伐。两种完全不同思路的体现，在前端开发的技术栈中发光发亮。同时，Vue就像一匹

06

Web Components从技术解析到生态应用个人心得指北

Web Components 是一种使用封装的、可重用的 HTML 标签、样式和行为来创建自定义元素的 Web 技术。

01

2019-Web开发技术指南和趋势

HTML/CSS框架目前没有以前那么有意义, 但是我还是介意你选择一个学习(这里作者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的).

02

构建具有用户身份认证的 Ionic 应用

序言：本文主要介绍了使用 Ionic 和 Cordova 开发混合应用时如何添加用户身份认证。教程简易，对于 Ionic 入门学习有一定帮助。因为文章是去年发表，所以教程内关于 Okta 的一些使用步骤不太准确，但是通过 Okta 的官网也可以找到对应的内容。另外，使用 npm 安装 Ionic starter 模板可能会有安装失败的情况，建议不要在这方面浪费太多时间，可以直接在 Ionic 的 GitHub 仓库中下载 starter 模板。原文：How to Sprinkle ReactJS i

05

穿上App外衣，保持Web灵魂——PWA温故

早在2015年，设计师弗朗西斯·贝里曼和Google Chrome的工程师亚历克斯·罗素提出“PWA（渐进式网络应用程序）”概念，将网络之长与应用之长相结合，其核心目标就是提升 Web App 的性能，改善 Web App以媲美Native的流畅体验。

02

构建具有用户身份认证的 Ionic 应用

使用 Okta 和 OpenID Connect (OIDC)，可以很轻松的在 Ionic 应用中添加身份认证，完全不需要自己实现。 OIDC 允许你直接使用 Okta Platform API 进行认证，本文的目的就是告诉你如何在一个 Ionic 应用中使用这些 API。我将演示如何使用 OIDC 重定向、Okta 的 Auth SDK 以及基于 Cordova 内嵌浏览器的 OAuth 进行登录；由于功能还在开发中，所以省略了用户注册。

00

“别更新了，学不动了” 之：全栈开发者 2019 应该学些什么？

对于什么是全栈开发者并没有一个明确的定义。但是，有一件事是肯定的：2019 年对全栈开发者的需求量很大。在本文中，我将向你概述一些趋势，你可以尝试根据这些趋势来确定你可能要投入的时间。

03

【开发指南】（三）认识ionic3

如果你要做一个app应用，你有最少三种方式：原生开发、加壳在线WebApp开发与混合式开发。

04

重构于 Vite：我如何做 SSG、静态资源发布以及自动化部署

从 2021 年元旦 Vite 发布 2.0 Beta 版就一直在关注 Vite 的动态，借着春节放假有时间，而且 Vue 3.0 和 Vite 2.0 都才大版本更新上线不久，预感后面会火，先开荒尝试一波，也当给以后工作上的业务先提前踩踩坑，对博客做了第三次重构，这一次把客户端和服务端都重新写了，由 PHP 的 LNMP 全家桶全部换成了前端侧的技术栈。

05

为什么我们喜爱，使用和支持Vue.js

让我告诉你一个关于Vue的故事，不仅仅是从Vue开发者的角度，我也会尝试着解释在Monterail中使用它的很多原因，你将会发现采用它对开发者和产品所有者来说都是一个很棒的决定。我将会告诉你我们如何拥抱Vue社区以及如何通过组织第一次国际Vue大会对其历史作出重大贡献。

02

Vue学习路线图

如果你是一名 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染等等，或者还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 和 Nuxt。

02

超详细动手搭建一个Vuepress站点及开启PWA与自动部署

类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。

06

2019Thinking(上) -- 一个前端开发者的个人思考

17年9月刚到公司，感觉公司前端最大的问题：不是统一UI、不是搞个新框架，而是要通过建全基础设施，改变开发方式以及改变公司对前端的认知，将所有业务彻底解藕才是症结（前后端解耦、前端组件解耦）。

02

安卓开发方式的进化之路

做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下：

02

2019Thinking(上) -- 一个前端开发者的个人思考

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

02

超详细动手搭建一个Vuepress站点及开启PWA与自动部署

类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。

04

【前端必看】2017 年 JavaScript 全面崛起大运势

最受欢迎项目下面是年度最流行的项目，不区分类别。 Vue.js蝉联冠军 Vue.js 再次强势登顶年度排行榜冠军，今年在 GitHub 上新增了超过 40,000 的 star。相较于 2016

05

聊聊前端工程化的实践与未来

2017年的前端发生了非常多的事情。快速的技术进步，似乎已经使前端工程师应接不暇，我们来一起看下去年发生了哪些事件：

02

2019年度十大Web开发趋势 - 51CTO.COM

原文标题：Top 10 Web Development Trends to Follow in 2019，作者: Saif Sadiq

03

十款热门的Vue.js工具和库

随着Vue.js越来越热门，被很多开发人员采用，因此其生态也越来越完善，相关的工具和库也很丰富。这主要得益于：Vue的学习曲线，清晰的设计结构和使用文档，让有经验的开发人员从其他框架（React和Angular）很方便的入手。

02

十款值得你关注的Vue.js工具和库

众所周知，Vue目前越来越热门，被很多开发人员采用，因此其生态也越来越完善，相关的工具和库也很丰富。这主要得益于：Vue的学习曲线，清晰的设计结构和使用文档，让有经验的开发人员从其他框架（React和Angular）很方便的入手。今天的这篇文章笔者从这些工具的实用性、有效性、独特性选了这十款工具和库，而不是依据Github受欢迎程度或星级，有些你已经很熟悉了并在使用，有些还比较陌生，好了，让我来一起看下这十款热门的工具和库。

02

19年你应该关注这50款前端热门工具（上）

19年，又是新的一年，“前端届”，又出了哪些新的“玩意”?今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。一、构建工具 01 parcel https://p

03

安卓开发方式的进化之路

做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下：如有错误，欢迎指正。（一）适合WebApp的一些框架 1、Cordova 优点：开源免费，社区生态成熟，插件丰富支持离线场景应用开发工具选择空间大缺点: 只提供基础访问设备的接口，需要自己搭配其他UI框架和JavaScript框架来搭配 2、Ionic 优点：国外的一款接近原生的Html5移动App开发框架，免费开源。漂亮的界面，追求性能，专注原生，免费开源 Angular JS MVVM 开发理念，数据双向绑定基于Cordova，可以使用 Cordova 的插件缺点：需要掌握 HTML + CSS + Angular JS ，学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异，Cordova 某些官方插件可能不适用于Ionic 3、Dcloud 优点：国内厂商，中文文档对HTML5的性能、工具、能力都做了深入扩展，提供 IDE 、云服务等帮助节省时间 MUI 更贴近国内App使用习惯，提供模块的详细例子，如登录，个人中心缺点：部分操作需要具备原生开发经验，如离线打包App 新产品仍然有bug，还需改进 4、小程序 2016年9月21日，微信小程序正式开启内测。2017年1月9日0点，微信第一批小程序正式低调上线。微信小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。优点： 1.即用即走——这个是从微信小程序上线就开始打的概念。即用即走使得小程序可以代替许多APP，或是做APP的整体嫁接，或是作为阉割版功能的承载体。 2.倚靠微信流量——相比APP，小程序一个突出的优点是完全嵌入了微信的聊天、公众号体系，完美进行微信体系内的流量引导。这一方面令小程序更加容易获客，另一方面也可以借助微信的成熟社交网络达到爆发式传播。 3.连接线上线下——连接线上线下场景也是微信小程序重要的一环，甚至最先开始为了推动线下习惯的养成，小程序在线上场景方面做了较强的限制。由于人们用微信扫描二维码的习惯培养得比较好，小程序相比APP更容易达成线上线下场景的连接与互动。缺点： 1.留存——虽然有部分小程序已经杀出重围，但是普遍来讲，主打“即用即走”的小程序在用户留存上仍存在很大的提升空间。阿拉丁发布的小程序白皮书中显示，小程序的平均次日留存在13%左右，但是双周留存骤降到仅有1%。轻易拥有的也不在意失去，这大概是小程序目前的一个症结所在。 2.受控于微信——比起APP，尤其是安卓版的高自由度，小程序要面对很多来自微信的限制，从功能接口，甚至到类别内容，都要接受微信的管控，部分敏感内容还很容易遭受封禁威胁。部分参考链接：https://www.zhihu.com/question/263816362/answer/274417734 5、PWA PWA（Progressive Web App）是 Google 于 2016 年提出的概念，2017 年已被迅速采用。 PWA全称Progressive Web App，即渐进式Web应用。一个PWA应用首先是一个网页, 可以通过Web技术编写出一个网页应用. 随后添加上App Manifest和Service Worker来实现PWA的安装和离线等功能。解决了哪些问题？可以添加至主屏幕，点击主屏幕图标可以实现启动动画以及隐藏地址栏实现离线缓存功能，即使用户手机没有网络，依然可以使用一些离线功能实现了消息推送它解决了上述提到的问题，这些特性将使得 Web 应用渐进式接近原生 App。关于PWA更多详情介绍可以看以下博客介绍： https://segmentfault.com/a/1190000012353473 PWA的优势可以将app的快捷方式放置到桌面上，全屏运行，与原生app无异能够在各种网络环境下使用，包括网络差和断网条件下，不会显示undefind 推送消息的能力其本质是一个网页，没有原生app的各种启动条件，快速响应用户指令 PWA存在的问题支持率不高:现在ios手机端不支持pwa，IE也暂时不支持 Chrome在中国桌面版占有率还是不错的，安卓移动端上的占有率却很低各大厂商还未明确支持pwa 依赖的GCM服务在国内无法使用微信小程序的竞争 PWA写的app 比如这个：https://dd.shmy.tech/client （请使用谷歌浏览器打开） 6、Instant App 2016年的Google大会上，Google发布了有关Instant App的最新技术。千呼万唤之下，号称“Googl

04

前端领域2017年有哪些变化，2018年又有怎样的期待？

以下为我在知乎问题「2017年前端有什么样变化？即将来临的2018有什么样的期待？」下的回答，稍作整理分享给大家。如有遗漏欢迎在评论中指出。原文如下：在即将过去的2017年里，我们回顾：逃不过的三大框架 React继续在前端领域占据着主导地位，并在 2017 年发布了最受期待的版本之一 - React 16。它包含了可以实现异步 UI 渲染的 fiber 架构。通过提供包括错误边界在内的很多其他特性。但 React 在这一年中所取得最重要的成就不是它推出的新特性，而是修改了它的开源协议：BSD 协议

19年你应该关注这50款前端热门工具（上）

19年，又是新的一年，“前端届”，又出了哪些新的“玩意”?今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。一、构建工具 01 parcel https://p

01

Blazor VS React / Angular / Vue.js

Blazor是一项新的Microsoft技术，允许开发人员使用C＃为浏览器编写代码, 本文将Blazor与其他三个常见SPA框架进行了比较：React，Angular和Vue.js, JavaScript是当前基于浏览器的单页应用程序（SPA）最受欢迎的语言，因为直到最近，它还是在浏览器中运行的唯一语言。这些框架可以从JavaScript或TypeScript进行编译或转换。本文询问开发人员是否需要依赖JavaScript，以及我们是否可以开始使用C＃构建SPA应用程序。

01

Blazor VS React / Angular / Vue.js

Blazor是一项新的Microsoft技术，允许开发人员使用C＃为浏览器编写代码, 本文将Blazor与其他三个常见SPA框架进行了比较：React，Angular和Vue.js, JavaScript是当前基于浏览器的单页应用程序（SPA）最受欢迎的语言，因为直到最近，它还是在浏览器中运行的唯一语言。这些框架可以从JavaScript或TypeScript进行编译或转换。本文询问开发人员是否需要依赖与JavaScript，以及我们是否可以开始使用C＃构建SPA应用程序。

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭