Question

The script has an unsupported MIME type ('text/plain').
Failed to load resource: net::ERR_INSECURE_RESPONSE  
ServiceWorker registration failed:  DOMException: Failed to register a 
ServiceWorker: The script has an unsupported MIME type ('text/plain').

错误日志。

if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
    navigator.serviceWorker.register("/scripts/sw.js").then(function(registration) {
        // Registration was successful
        console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }).catch(function(err) {
        // registration failed :(
        console.log('ServiceWorker registration failed: ', err);
    });
});

我尝试在chrome-extension中使用服务工作者，但发生了此错误。我找不到解决方案，所以我问道。非常感谢你。

Answer 1

您需要将服务工作者文件（/scripts/sw.js）的MIME类型设置为“ application / javascript”

例如，我的文件托管在ASW的S3上，因此我按以下方式上传它们：

aws s3 cp service-worker.js  s3://MY_BUCKET_NAME/service-worker.js --acl public-read

水桶将负责其余的工作。不确定文件的托管位置，但是您需要对其进行配置，以使其返回该文件的正确类型。

Answer 2

我遇到了同样的问题。您需要在服务器配置中指定mime / content类型。在nginx上，例如

<input id="imageUpload" class="form-control"  type="file" name="image" placeholder="Photo" capture required>

这可以在/etc/nginx/mime.types

中找到

Answer 3

ServiceWorker支持的MIME类型是“文本/ javascript”，应用程序/ javascript和应用程序/ x-javascript。进入您的服务器文件并设置

    response.writeHead(201, {
        'Content-Type': 'text/javascript'
    });

Answer 4

在主持人经理Cpanel中转到root / public_html / 打开.htaccess 并添加

<IfModule mod_mime.c>

    # DEFAULTS
    DefaultLanguage en
    AddLanguage en-US .html .css .js
    AddCharset utf-8 .html .css .js .xml .json .rss .atom

    # JAVASCRIPT
    AddType application/javascript js jsonp
    AddType application/json json

    # FONTS
    AddType font/opentype otf
    AddType application/font-woff woff
    AddType application/x-font-woff woff
    AddType application/vnd.ms-fontobject eot
    AddType application/x-font-ttf ttc ttf
    AddType image/svg+xml svg svgz
    AddEncoding gzip svgz

    # AUDIO
    AddType audio/mp4 m4a f4a f4b
    AddType audio/ogg oga ogg

    # VIDEO
    AddType video/mp4 mp4 m4v f4v f4p
    AddType video/ogg ogv
    AddType video/webm webm
    AddType video/x-flv flv

    # OTHERS
    AddType application/octet-stream safariextz
    AddType application/x-chrome-extension crx
    AddType application/x-opera-extension oex
    AddType application/x-shockwave-flash swf
    AddType application/x-web-app-manifest+json webapp
    AddType application/x-xpinstall xpi
    AddType application/xml atom rdf rss xml
    AddType application/vnd.openxmlformats .docx .pptx .xlsx .xltx . xltm .dotx .potx .ppsx
    AddType text/cache-manifest appcache manifest
    AddType text/vtt vtt
    AddType text/x-component htc
    AddType text/x-vcard vcf
    AddType image/webp webp
    AddType image/x-icon ico

</IfModule>

ServiceWorker：该脚本具有不受支持的MIME类型（chrome-extension）

4 个答案: