如何在没有双引号的情况下获取 Jade 文件

Question

我想在fetch中使用jade文件。
写玉档时，双插入引号，浏览器将其识别为文本。
如果我使用 'home.html ' 而不是 'home.jade'，它会起作用。

view.jade

doctype html
    html
    meta(charset='utf-8')
    style
        include view.css
    script
        include ../fetch/fetch.js
body
    header

    section
        nav

        main(id='view')

home.jade

div(id='main_image')
    input(type='image' class='leftbtn' src='/leftbtn.png')
    input(type='image' class='rightbtn' src='/rightbtn.png')    
p(class='main_p') sth
div(class='wrap_item')

fetch.js

fetch('home.jade').then((res)=>{
    res.text().then((text)=>{
        document.querySelector('#view').innerHTML = text;
    });
});

Answer 1

浏览器无法理解Jade代码，因此将其转换为HTML。您应该获取 home.html，因为这是浏览器真正可以理解的。

如何在没有双引号的情况下获取 Jade 文件

how to fetch a Jade file without double quotes

javascript

fetch

pug