我想將 Polymer LitElement 與 Go 后端結(jié)合使用。通過(guò) LitElement，我在 JavaScript 模塊中實(shí)現(xiàn)了 Web 組件！對(duì)于服務(wù)器端的路由，我使用 Gorilla Mux，如下所示mux := mux.NewRouter()mux.PathPrefix("/").Handler(http.FileServer(http.Dir("./wwwroot")))這會(huì)正確加載靜態(tài) html 文件。當(dāng) html 文件引用實(shí)現(xiàn) Web 組件的js文件時(shí)，我收到以下錯(cuò)誤（在 Chrome 中）：無(wú)法加載模塊腳本：服務(wù)器以非 JavaScript MIME 類型“text/plain”進(jìn)行響應(yīng)。根據(jù) HTML 規(guī)范對(duì)模塊腳本強(qiáng)制執(zhí)行嚴(yán)格的 MIME 類型檢查。當(dāng)我將組件模塊重命名為擴(kuò)展名mjs時(shí)，文件會(huì)正確加載，但 LitElement 的模塊無(wú)法加載，并出現(xiàn)相同的錯(cuò)誤。由于我對(duì)所有第三方 JavaScript 模塊的文件擴(kuò)展名沒(méi)有影響，我不知道如何解決這個(gè)問(wèn)題。（我想如果我使用 Polymer 3 而不是 LitElement，我也會(huì)遇到同樣的問(wèn)題）有任何想法嗎？更新以下是請(qǐng)求 lit-element.js JavaScript 模塊的輸出curlPS C:\Test\Polymer\LitElement> curl http://localhost:8082/node_modules/lit-element/lit-element.jsStatusCode : 200StatusDescription : OKContent : /** * @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.HTMLDocumentClassRawContentLength : 8925注意內(nèi)容類型?。?！
2 回答
隔江千里
TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超10個(gè)贊
您確定到達(dá)了正確的終點(diǎn)嗎？
請(qǐng)參閱那個(gè)小示例（您可以嘗試在您的主機(jī)上進(jìn)行檢查）
$ 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
白衣染霜花
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超10個(gè)贊
在我的項(xiàng)目中，我遇到了同樣的問(wèn)題。以下是我的解決方案：在tsconfig.json文件中，make"target": "es5"
- 2 回答
- 0 關(guān)注
- 168 瀏覽
添加回答
舉報(bào)
0/150
提交
取消