Wonderpush-worker-loader.min.js 获取请求不支持的 MIME 类型 ('text/html')

编程问答 2022-04-21

问题描述

基本上我有一个基于 angular 的工作 WPA，我正在尝试将 WonderPush 集成到推送通知服务中。但是他们没有专门为 angular 开发的 npm 模块（他们有用于 react 和 ionic 的）。

所以，我采用了 SDK 方法：https://docs.wonderpush.com/docs/web-push-notifications-quickstart#step-4-upload-sdk-files

我已经上传了两个文件：

https://angular-push-p19qfhkoi-arslanliaqatlineupr-gmailcom.vercel.app/wonderpush.min.html ：

<!DOCTYPE html>
<html><head><title>Push Notifications by WonderPush</title>
<Meta name="robots" content="noindex,follow">
<Meta charset="UTF-8"><Meta name="viewport" content="width=device-width,initial-scale=1.0"><Meta name="wonderpush-integration" content="frame,popup">
<script id="wonderpush-jssdk-loader" src="https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js"></script>
<style>.default-style{font-family: sans-serif;}</style></head>
<body><div id="whole-content"><div id="main-content"><p id="text-content" class="default-style">Please wait...</p></div></div></body></html>

https://angular-push-p19qfhkoi-arslanliaqatlineupr-gmailcom.vercel.app/wonderpush-worker-loader.min.js：

importScripts('https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js');
WonderPush.init({
  webKey: (location.search.match(/[?&]webKey=([^&]*)/) || [])[1],});

index.html

<script src="https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js" async></script>
<script>
window.WonderPush = window.WonderPush || [];
WonderPush.push(["init",{
    webKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxxxx",}]);
</script>

虽然它在控制台中显示错误： unsupported MIME type ('text/html') 用于网络选项卡中的文件 Wonderpush-worker-loader.min.js。 network

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularjavascriptservice-worker