0

嗨,我正在尝试学习节点的一个小项目,我有一个节点获取请求,女巫读取主页 HTML 文件然后发送它,

在 HTML 站点上,我有一个脚本标签(类型 = 模块),并且在脚本的最开始,我正在导入 lit-HTML 模块,但它会将整个脚本标签缝合起来,我该如何修复它?节点代码:

if (req.method === "GET") {     console.log(req.url);   switch (req.url) {  case '/' :      res.writeHead(200,{"Content-Type": "text/html"})        fs.createReadStream("index.html","UTF-8").pipe(res);    break; 

case '/lit-html.js':    var file = fs.readFileSync('lib/lit-html.mjs','UTF-8')  res.writeHead(200,{"Content-Type": "application/javascript"})   res.end(file); break;

这是在 index.html 里面

<script type="module" src="localhost:8000/lit-html.js"></script> <script> import {html, render} from 'localhost:8000/lit-html.js';

这是在节点

if (req.method === "GET") {     console.log(req.url);   switch (req.url) {  case '/' :      res.writeHead(200,{"Content-Type": "text/html"})        fs.createReadStream("index.html","UTF-8").pipe(res);    break;

case '/lit-html.js':
var file = fs.readFileSync('lib/lit-html.mjs','UTF-8')
res.writeHead(200,{"Content-Type": "application/javascript"})
res.end(file);

休息;

这是在 index.html 里面

<script type="module" src="localhost:8000/lit-html.js"></script> <script> import {html, render} from 'localhost:8000/lit-html.js';
4

1 回答 1

0

您的网络服务器正在尝试将 url 请求映射lit-html.js到一个名为lib/lit-html.mjs

如果您lit-html通过npm 它安装将具有文件名lit-html.js并将其存储在node_modules/lit-html/lit-html.js

如您所见,两者不匹配。

检查文件的扩展名和位置

于 2018-10-24T10:49:30.357 回答