javascript - 错误 : Cannot read property 'getAttribute' of null (ckeditor)

Question

我正在使用 ckeditor 制作 Laravel CMS。当我在ckeditor源代码模式状态下写一些html代码时，我得到了一些错误如下；

Uncaught TypeError: Cannot read property 'getAttribute' of null
    at Widget.init (plugin.js?t=H0CG:366)
    at new Widget (plugin.js?t=H0CG:967)
    at Repository.initOn (plugin.js?t=H0CG:498)
    at Repository.initOnAll (plugin.js?t=H0CG:535)
    at a.<anonymous> (plugin.js?t=H0CG:2816)
    at a.p (ckeditor.js:10)
    at a.<anonymous> (ckeditor.js:12)
    at a.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:13)
    at ckeditor.js:877

并且源代码编辑状态为未启用。
本页内容较多，约200~250字，15张图片。
在我看来，ckeditor的内容是否有一些限制？

Answer 1

我有同样的错误经过这么多次尝试this帮我解决了问题

只需要这样的 webpack 规则:

const filesRuleIndex = cfg.module.rules.findIndex(item => {
  return item.test.test('.svg')
})

if (filesRuleIndex !== -1) {
  cfg.module.rules[filesRuleIndex].test = /\.(png|jpe?g|gif|webp)$/
  const svgRule = {...cfg.module.rules[filesRuleIndex]}
  svgRule.test = /\.svg/
  svgRule.exclude = svgRule.exclude || []
  svgRule.exclude.push(path.join(__dirname, 'node_modules', '@ckeditor'))
  cfg.module.rules.push(svgRule)
}

cfg.module.rules.push({
  test: /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/,
  use: ["raw-loader"]
})