使用prerender-spa-plugin进行搜索引擎优化的Vue.js在进行--npm运行构建时冻结

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