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模板直接加载到窗口中,而不进行渲染。也许我做错了。

这应该行得通