使用brain.js绘制XOR神经网络SVG图出现空白页面问题求助

核心语法错误修复 #

你的JS代码存在对象属性缺少分隔逗号的语法问题，这是代码无法执行、页面空白的根本原因：训练数据中每个样本的input属性定义结束后没有加英文逗号和后续的output属性做分隔，四个样本全部存在该错误，会直接触发JS解析报错，后续生成SVG的代码完全不会运行。
修复后的完整JS代码如下：

const net = new brain.NeuralNetwork();

net.train([
  {
    input: [0, 0],
    output: [0]
  },
  {
    input: [1, 0],
    output: [1]
  },
  {
    input: [0, 1],
    output: [1]
  },
  {
    input: [1, 1],
    output: [0]
  }
])

const diagram = document.getElementById('diagram')
diagram.innerHTML = brain.utilities.toSVG(net)

加载慢问题优化 #

默认配置下brain.NeuralNetwork会迭代训练到误差低于预设阈值才会停止，耗时较长，你可以手动限制最大训练迭代数降低耗时：

net.train([
  // 上述训练样本内容
], {
  iterations: 200
})

验证方式 #

修改完成后刷新页面，即可看到XOR神经网络的结构SVG示意图。如果仍有异常，可按F12打开浏览器开发者工具的Console面板查看具体报错信息定位问题。

内容的提问来源于stack exchange，提问作者Storm Gaming