Vue.js 使用 prerender-spa-plugin 为 SEO 预渲染在执行时冻结 - npm run build

Question

在我的 webpack 配置中使用预渲染插件时，我在运行命令 npm run build 时遇到了麻烦。

我使用的是 webpack 高级选项：

`captureAfterDocumentEvent: 'fetch-done',` 

在代码中，我使用 Promise 包装 API 调用，然后调度一个新事件。

`new Promise(resolve => {
        axios.get(url)
          .then((res) => {
            console.log(res.data);
            this.message = res.data.short_name;
            resolve();
          });
      }).then(() => {
        document.dispatchEvent(new Event('fetch-done'));
      });`

通过这样做，运行npm run build 命令不会引发任何错误，但它永远不会完成。

您对这项工作有什么建议吗？

Answer 1

captureAfterDocumentEvent: 'fetch-done' 无法正常工作...

您可以尝试使用 setTimeout 包装您的 dispatchEvent，就像建议的 here