Golang和JavaScript模块

NicolasR:

我想将聚合物LitElement与Go后端一起使用。使用LitElement,我可以在JavaScript模块中实现Web组件!对于服务器端的路由,我使用Gorilla Mux这样

mux := mux.NewRouter()
mux.PathPrefix("/").Handler(http.FileServer(http.Dir("./wwwroot")))

这样可以正确加载静态html文件。当html文件引用实现Web组件js文件时,出现以下错误(在Chrome中):

无法加载模块脚本:服务器以非JavaScript MIME类型“ text / plain”响应。根据HTML规范对模块脚本强制执行严格的MIME类型检查。

当我将组件模块重命名为具有扩展名mjs时,文件将正确加载,但是LitElement的模块无法加载,并出现相同的错误。由于我对所有第三方JavaScript模块的文件扩展名没有影响,因此我不知道如何解决此问题。

(我想如果我使用Polymer 3而不是LitElement也会遇到同样的问题)

有任何想法吗?

更新资料

这是通过请求lit-element.js JavaScript模块的输出 curl

PS C:\Test\Polymer\LitElement> curl http://localhost:8082/node_modules/lit-element/lit-element.js

StatusCode        : 200
StatusDescription : OK
Content           : /**
                     * @license
                     * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
                     * This code may only be used under the BSD style license found at
                     * http://polymer.github.io/LICENSE.txt
                     * Th...
RawContent        : HTTP/1.1 200 OK
                    Accept-Ranges: bytes
                    Content-Length: 8925
                    Content-Type: text/plain; charset=utf-8
                    Date: Thu, 26 Sep 2019 11:38:23 GMT
                    Last-Modified: Sat, 26 Oct 1985 08:15:00 GMT

                    /**
                     * @licen...
Forms             : {}
Headers           : {[Accept-Ranges, bytes], [Content-Length, 8925], [Content-Type, text/plain; charset=utf-8], [Date,
                    Thu, 26 Sep 2019 11:38:23 GMT]...}
Images            : {}
InputFields       : {}
Links             : {}
ParsedHtml        : mshtml.HTMLDocumentClass
RawContentLength  : 8925

注意内容类型!!!

MH碳

您确定到达正确的终点了吗?

看那个小例子(您可以尝试在主机上进行检查)

$ tree
.
├── main.go
└── wwwroot
    └── test.js

1 directory, 2 files

$ cat main.go 
package main

import (
    "net/http"

    "github.com/gorilla/mux"
)

func main() {
    mux := mux.NewRouter()
    mux.PathPrefix("/").Handler(http.FileServer(http.Dir("./wwwroot")))

    http.ListenAndServe(":8080", mux)
}


$  cat wwwroot/test.js

$ go run main.go &
[1] 11841
$ curl -v http://localhost:8080/test.js
*   Trying ::1:8080...
* TCP_NODELAY set
* Connected to localhost (::1) port 8080 (#0)
> GET /test.js HTTP/1.1
> Host: localhost:8080
> User-Agent: curl/7.65.3
> Accept: */*
> 
* Mark bundle as not supporting multiuse
< HTTP/1.1 200 OK
< Accept-Ranges: bytes
< Content-Length: 0
< Content-Type: application/javascript
< Last-Modified: Thu, 26 Sep 2019 12:12:15 GMT
< Date: Thu, 26 Sep 2019 12:15:36 GMT
< 
* Connection #0 to host localhost left intact

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章