javascript - 引用错误 : documentFragmentChildren is not defined

标签 javascript ionic-framework ionic4 progressive-web-apps

我正在编写一个 PWA Ionic 4 应用程序来订阅和显示 Firebase 推送通知。关于它的一切都很好。例如,我可以在 chrome 浏览器中安装该应用程序(这意味着 PWA 部分运行良好)并且我可以在消息发布时订阅和接收消息。在我的 Firebase 服务文件中,我使用以下函数 toast 。

  async makeToast(message) {
    console.log(message);
    const toast = await this.toastController.create({
      message: message,
      duration: 5000,
      position: 'top',
      showCloseButton: true,
      closeButtonText: 'dismiss'
    });
    toast.present();
}

但是这有点不对劲,因为我看到 toast 出现了,但是 body 是空的(消息)。我可以在控制台中看到消息不为空。但是有这个错误

 ReferenceError: documentFragmentChildren is not defined
    at r (common-es2015.edd3f5ddbecdc7d4b97d.js:1)
    at b.render (90-es2015.a511a29a06087ce2ae17.js:1)
    at pe (main-es2015.82bfa6fe443f99f03efa.js:1)
    at Array.o (main-es2015.82bfa6fe443f99f03efa.js:1)
    at D (main-es2015.82bfa6fe443f99f03efa.js:1)
    at x (main-es2015.82bfa6fe443f99f03efa.js:1)
    at a.invoke (polyfills-es2015.a5a02c8969fb7b2904df.js:1)
    at t.run (polyfills-es2015.a5a02c8969fb7b2904df.js:1)
    at polyfills-es2015.a5a02c8969fb7b2904df.js:1
    at a.invokeTask (polyfills-es2015.a5a02c8969fb7b2904df.js:1)
r @ common-es2015.edd3f5ddbecdc7d4b97d.js:1

为了运行代码,我这样做

ionic build --prod
http-server ./www -o

有趣的是,当我执行 ionic serve 时, toast 工作正常,但 PWA 和 Firebase 中断。

最佳答案

  1. 删除 node_modules 文件夹,package-lock.json。
  2. 运行

npm cache clean --force

  1. 通过运行再次安装包:

npm install

这个解决方案帮助我解决了同样的问题。

关于javascript - 引用错误 : documentFragmentChildren is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57940409/

相关文章:

javascript - 在javascript中创建重叠的文本跨度

javascript - 使用 localStorage 中的 json.parse 时,innerHTML 不起作用

javascript - 预缓存模板是否值得?

android - 在 Ionic 4 应用程序中进行的 API 调用不适用于 Android 设备

ionic4 - 如何在 ionic 4 中禁用 ionic 按钮阴影?

javascript - 在函数内给函数对象添加属性有什么陷阱?

javascript - 使用 `typeof ==` 和 `===` 检查未定义

ionic-framework - 尝试上传 Ionic App 时获取 "Sorry! The configured backend (pro) does not know about ionic upload"

css - 在 Ionic 中垂直对齐行中的列

javascript - 如何在 ionic 3/4 中获取 IFRAME url 更改事件?