在angular应用程序中放置firebase-messaging-sw文件的位置
在Angular应用程序中，应将firebase-messaging-sw.js文件放置在src目录下的根目录中。这是因为Angular应用程序的构建过程会将src目录下的所有文件复制到最终的构建目录中（通常是dist目录），包括firebase-messaging-sw.js文件。
将firebase-messaging-sw.js文件放置在根目录中的好处是，它可以直接被Service Worker注册并用于处理Firebase消息推送。Service Worker是一种在浏览器后台运行的脚本，用于实现离线缓存、消息推送等功能。通过将firebase-messaging-sw.js文件放置在根目录，可以确保Service Worker能够正确地注册并与Firebase进行通信。
在Angular应用程序中使用Firebase消息推送的步骤如下：
- 在Firebase控制台中创建一个项目并获取项目的配置信息。
- 安装Firebase JavaScript SDK，并在Angular应用程序中引入它。
- 在Angular应用程序中创建一个Service Worker文件（例如firebase-messaging-sw.js），用于处理消息推送。
- 将firebase-messaging-sw.js文件放置在src目录下的根目录中。
- 在Angular应用程序的主模块中配置Firebase，并初始化Firebase Messaging服务。
- 在需要接收消息推送的组件中订阅Firebase消息。
推荐的腾讯云相关产品是腾讯云移动推送（https://cloud.tencent.com/product/tpns），它是腾讯云提供的一种消息推送服务，可用于向移动设备发送实时消息。腾讯云移动推送支持Android和iOS平台，并提供了丰富的功能和灵活的配置选项，适用于各种应用场景。
相关·内容
2回答
在angular应用程序中放置firebase-messaging-sw文件的位置
angularjs、firebase、firebase-cloud-messaging、service-worker
我在注册服务人员的时候遇到了问题。>
在根级别和manifest.json文件中，我在启动应用程序后执行了grunt serve，我可以注册服务工作者并生成令牌，它工作得很好。在我尝试在实际工作的项目中实现该功能后，我在根级别添加了未捕获的错误：无法实例化模块应用程序，原因是:错误：无法实例化模块lazyModel，原因是:错误：模块'lazyMo
浏览 7提问于2017-02-24得票数 2
1回答
如何将node_modules文件夹移动到公共位置以在所有Angular2应用程序中访问
angularjs、angular
是否有办法将node_modules文件夹移动到公共位置(例如：C：\angular2 2)，并访问不同应用程序(例如:node_modules)：等。只为了学习angular2，我正在创建应用程序。node_module文件夹大约是80 is。因此，与每次复制和粘贴不同，还有一种将其放置在公共位置的方法。
浏览 0提问于2016-02-03得票数 4
1回答
SpreadJS不工作在Webpack角度应用中
c#、angular、webpack、.net-core、spreadjs
我正在尝试将电子表格库添加到我的Range5应用程序中。我正在遵循本链接中提供的教程。，但是在教程和我的应用程序之间有一个区别。我的应用程序是使用webpack。当我试图运行应用程序时，我得到以下错误
未定义的ReferenceError: GC不是在对象处定义的。(gc.pread.sheets.angular.11.0.4.js:106)在对象处的webpa
浏览 2提问于2018-03-02得票数 2
1回答
在子目录中开发角应用程序
angularjs、angular、angular-cli
是否可以将ng-serve 命令配置为在根目录下为静态html文件提供服务，并在子目录？上提供一个有角度的应用程序？我正在开发一个角2应用程序，出于SEO的原因，我希望在一个子目录中托管实际的应用程序，同时从根目录为静态页面提供服务。./ Home.html /app
app.html /&#x
浏览 2提问于2017-03-12得票数 3
回答已采纳
1回答
Angular 4+ -如何上传和显示图片？
angular、image-uploading
像许多应用程序一样，我需要在Angular 4+中上传图像，然后将其显示在网站上。请记住，上传功能很
浏览 4提问于2018-03-29得票数 2
2回答
Angular js Intellisense在VS 2015控制器中不起作用
javascript、angularjs、visual-studio-2015
我正在为web 2015创建我在express中的第一个项目。我创建了一个示例app.html文件，下面是代码。Intellisense工作正常。
现在我在控制器文件夹中创建了另一个js文件。
浏览 5提问于2016-01-07得票数 0
2回答
在Angular项目中将JSON文件放在哪里？
javascript、angular
我想打开我创建的JSON文件。读取JSON文件的源代码位于node_modules目录中。我尝试将JSON文件放在一个公共目录(与src相同的级别)中，但以下错误仍然显示:在此服务器中找不到所请求的资源。读取JSON文件的TS文件： let xmlHttp = new XMLHttpRequest();
xmlHt
浏览 0提问于2019-10-29得票数 0
1回答
AngularJS:开始
angularjs
在棱角网站上给出：，在，Basics，一节下。<!</h2></html>
我正在通过grunt webserver运行running，这是我从主目录路径运行的，通过输入http:/&
浏览 0提问于2013-10-16得票数 1
回答已采纳
1回答
非SPA情况下的Sails.js和Angular.js项目结构与配置
angularjs、gruntjs、sails.js
然而，我有几个页面有相当多的客户端功能，我想使用角，因为我大多熟悉这个框架。到这些页面的路由是在服务器中再次处理的，将它们捆绑为SPA是没有意义的。因此，我试图把我的注意力集中在这些问题上：
/assets/js/dependencies仍然是合适的地方吗？这个视图“部分”.ejs文件是否是只在需要它们的<
浏览 3提问于2015-04-15得票数 3
1回答
限制Google API密钥，以便该密钥在整个应用程序中都可用
angular、google-maps、angular8
我在我的Angular 8应用程序中使用了Google Places和Distance Matrix API。src > app > app文件夹下的多个模块(登录、位置等)
<em
浏览 0提问于2019-09-17得票数 0
4回答
Angular中tsconfig.json文件与tsconfig.app.json文件的差异
html、angular、typescript、angular-cli、package.json
我是Angular的新手。我使用angular-cli了解了angular，并找到了文件tsconfig.json和tsconfig.app.json。这两个都是与typescript相关的，我发现this link很有用。 但是为什么要使用两个这样的文件呢？为什么不能将这两个文件中的配置合并到一个文件中？请帮我弄清楚这件事。
浏览 124提问于2019-02-27得票数 43
1回答
webpack在角4中的配置破裂
angular、webpack、stylus
在我的样式表编译中，我使用了手写笔。使用手写笔的一个好特性是我们可以使用中断来生成媒体查询。我们如何配置破裂npm软件包与网络包在角4。
浏览 2提问于2017-07-04得票数 0
回答已采纳
1回答
如何使JS项目在角度上工作？
angular、youtube、youtube-api
我使用HTML + CSS + JS创建了一个使用YouTube API的交互式视频项目。我想在一个角组件中实现它，但我无法成功。+-- videojs-markers.min.js|| | |
这样做的目的是在角组件中重新创建我的角分量，它由三个文件组成: component.html、component.css和component.t
浏览 0提问于2019-06-22得票数 0
1回答
在WebStorm中启用angularjs html自动完成
angularjs、autocomplete、webstorm
我使用的是WebStorm 9，我想添加自动补全功能。我在超文本标记语言文档中设置angularjs自动完成时遇到了问题(我只能在JavaScript文件中设置它)。我已经尝试使用此中的方法，但它不起作用。
浏览 1提问于2015-01-05得票数 1
1回答
Angular + OIDC隐式流静默更新
angular、openid-connect
我在我们的OIDC服务器上的Angular应用程序中使用angular-auth-oidc-client包进行身份验证。我们使用隐式流，它是有效的，但我们的一些用户在访问令牌生命周期结束时在应用程序中执行操作时被注销。因此，我们希望实现Silent Renew功能，该功能在该软件包的文档中有详细介绍。因此，我添加了一个silent-renew.html文件
浏览 25提问于2019-01-18得票数 1
2回答
将多个项目文件夹提交到一个存储库中
angular、github
我目前正在学习角，课程包含不同的模块，每个模块都有自己的角度项目设置。现在，为了将我的工作存档供将来参考，请让我知道如何在单个github存储库中添加多个角度项目文件夹？例如:我有两个文件夹--角数据库和角服务，其中每个文件夹都是包含src、package.json和gitignore及其他文件的项目文件夹。因此，我想将这两个文件夹添加到一个存储库中。
浏览 2提问于2021-03-02得票数 1
回答已采纳
1回答
角度模板是相对于什么的？
angularjs、templates
我使用的是Angular的ui.bootstrap。我有一个类似于下面的结构。我还有另一个ui-bootstrap模板文件夹，为了让ui-bootstrap看到它，我在找不到放置位置时遇到了麻烦，因为我一直收到错误消息"$compile:tpload无法加载模板“。项目中包含模板/*文件夹。它已经在ui-bootstrap-tpls-0.9.0.js文件中，从3351行开始。然而
浏览 0提问于2014-06-04得票数 0
2回答
无法在angular-cli项目中使用新命令
angular-cli
在mac osx中，我的主文件夹中很可能意外创建了一个angular项目。因此，每次我尝试使用angular-cli创建一个新项目时，我都会收到“您不能在angular-cli项目中使用new命令”。我已经删除了所有与脚手架项目相关的文件，但错误仍然存在。是否存在需要删除以解决此错误的底层文件？
浏览 6提问于2016-08-31得票数 3
回答已采纳
1回答
Angular应用程序-放置脚本标记的位置
html、angular
我正在尝试集成付款在我的角度应用程序和两个供应商(贝宝和Adyen)给你一个js文件托管在他们的网页上，他们建议放在HTML中。如下所示：没有npm包可以作为js的其他部分导入。所以据我所知，你不能把<script>放在<em
浏览 21提问于2018-08-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
