微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

基本上我有一个基于 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 举报,一经查实,本站将立刻删除。