Javascript 电子脚本和链接中的loadhtml而不是loadUrl不起作用
我做了与此相同的事情,将数据提供给我的模板,编译它并使其看起来像一个带有Javascript 电子脚本和链接中的loadhtml而不是loadUrl不起作用,javascript,node.js,pug,semantic-ui,electron,Javascript,Node.js,Pug,Semantic Ui,Electron,我做了与此相同的事情,将数据提供给我的模板,编译它并使其看起来像一个带有 var文件='data:text/html',+encodeURIComponent(已编译); 一切看起来都很好,模板成功呈现,我得到了我的数据,但现在我头部的标记停止工作,像link或script这样的标记带有src属性 在这里,我通过id MAZ-63171获得PockDB中的文档,并将该文档交给我的模板: db.get('MAZ-63171') .然后(功能(文档){ var compileFn=pug.comp
var文件='data:text/html',+encodeURIComponent(已编译);
一切看起来都很好,模板成功呈现,我得到了我的数据,但现在我头部的标记停止工作,像link或script这样的标记带有src属性
在这里,我通过id MAZ-63171获得PockDB中的文档,并将该文档交给我的模板:
db.get('MAZ-63171')
.然后(功能(文档){
var compileFn=pug.compileFile('./pugTemplates/index.pug'{
真的吗
});
var compiled=compileFn({doc:doc});
console.log(编译);
//控制台日志(doc);
//'文件:/'+_dirname+'/pugTemplates/index.pug'
var文件='数据:text/html,'+encodeURIComponent(已编译);
mainWindow.loadURL(文件);
})
.catch(函数(err){
控制台日志(err);
});
在index.pug中我有这个
doctype html
html(lang="en")
head
title="trucks"
link(rel="stylesheet" href="../node_modules/semantic-ui/dist/semantic.min.css")
//- script window.$ = window.jQuery = require('jquery');
script(src="../node_modules/jquery/dist/jquery.min.js")
script(src="../node_modules/semantic-ui/dist/semantic.min.js")
body
.ui.container
.ui.grid
.four.wide.column
.eight.wide.column
|#{doc._id}
table.ui.celled.table
thead
tr
th Header
th Header
th Header
tbody
tr
td
.ui.ribbon.label First
td Cell
td Cell
tr
td Cell
td Cell
td Cell
tr
td Cell
td Cell
td Cell
这就是
<!DOCTYPE html>
<html lang="en">
<head>
<title>trucks</title>
<link rel="stylesheet" href="../node_modules/semantic-ui/dist/semantic.min.css">
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../node_modules/semantic-ui/dist/semantic.min.js"></script>
</head>
<body>
<div class="ui container">
<div class="ui grid">
<div class="four wide column"></div>
<div class="eight wide column">MAZ-63171</div>
<table class="ui celled table">
<thead>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="ui ribbon label">First</div>
</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
卡车
MAZ-63171
标题
标题
标题
弗斯特
细胞
细胞
细胞
细胞
细胞
细胞
细胞
细胞
关于我添加的css或js文件,我没有收到任何错误,但语义ui并没有像您在上看到的那样正常工作
为什么会发生这种情况以及如何解决?我认为这是因为这些转换成字符串,也许我应该使用其他方法来编译我的模板
npm的Electron-pug模块似乎并没有从本地获取数据,它在承诺中等待数据,在那个时候,标准的loadUrl将pug模板直接加载到窗口中,而不进行渲染。也许我做错了。这应该行得通