nw.js中<Webview>元素不显示不加载，如何使其正常展示目标页面？

你需要依次执行以下检查和修改操作：

• 首先修正HTML中webview标签的写法：webview不属于HTML自闭合标签，你当前代码中的自闭合写法会导致渲染异常，将标签修改为显式闭合格式：

<webview id="webview" src="https://reactjs.org" partition="trusted"></webview>

• 检查你的项目根目录下的package.json配置，必须显式开启webview支持，配置示例如下：

{
  "name": "nw-demo",
  "main": "index.html",
  "window": {
    "width": 800,
    "height": 600,
    "webview": true
  }
}

注意："webview": true必须放在window配置字段下，不要和顶层配置平级。

• 如果完成上述两步后仍无法加载，可添加加载失败事件监听排查具体错误，在你的index.html中添加如下JS代码：

const webview = document.getElementById('webview')
webview.addEventListener('did-fail-load', (e) => {
  console.error('webview加载失败：', e.errorCode, e.errorDescription, e.validatedURL)
})

运行后打开控制台即可看到具体的加载失败原因，常见错误包括网络代理限制、目标网站反爬拦截、跨域配置限制等。

• 临时测试可以先去掉partition="trusted"属性，测试是否为分区缓存/权限配置导致的加载异常。

内容的提问来源于stack exchange，提问作者Saroshi Kir