永久加载......在Smartedit预览中。

Question

我在SmartEdit中预览页面时遇到了一些问题。有时候 Loading...会永远卡在那里，这个问题似乎与DOM加载时间有关。

如果我把devtools控制台打开，页面有可能会加载110次，在Mozilla上，在没有浏览器控制台的情况下，它的工作时间是1010次。所以基本上，设置似乎是好的，除了这个恼人的永久加载问题之外，所有的东西都能正常工作。

在网络选项卡中，cx-preview崩溃了，得到一个200的错误，并且Loading仍然存在，尽管页面中的组件在Loading覆盖后面是可见的。

另外，在cx-preview调用的200错误之前，还有一个红色的错误，最后还有文字（取消）。

更新:这里似乎有一个问题，cx-preview是在serializer中设置的。如果我删除state.url.length条件，加载将是永久性的。

import { RouterStateSnapshot } from '@angular/router';
import {
  ActivatedRouterStateSnapshot,
  CmsActivatedRouteSnapshot,
  PageContext,
  PageType
} from '@spartacus/core';

export class AokCuRouterStateSerializer {
  serialize(routerState: RouterStateSnapshot): ActivatedRouterStateSnapshot {
    const { url } = routerState;
    const { queryParams } = routerState.root;

    let state: CmsActivatedRouteSnapshot = routerState.root as CmsActivatedRouteSnapshot;
    let cmsRequired = false;
    let context: PageContext;

    while (state.firstChild) {
      state = state.firstChild as CmsActivatedRouteSnapshot;

      if (state.data && state.data.cxCmsRouteContext) {
        context = state.data.cxCmsRouteContext;
      }

      if (
        !cmsRequired &&
        (context ||
          (state.routeConfig &&
            state.routeConfig.canActivate &&
            state.routeConfig.canActivate.find(
              x => x && x.guardName === 'CmsPageGuard'
            )))
      ) {
        cmsRequired = true;
      }
    }
    const { params } = state;

    if (state.url.length > 0 && state.url[0].path === 'cx-preview') {
      context = {
        id: 'smartedit-preview',
        type: PageType.CONTENT_PAGE
      };
    } else {
      if (params['productCode']) {
        context = { id: params['productCode'], type: PageType.PRODUCT_PAGE };
      } else if (params['orderCode']) {
        context = {
          id: 'order-' + params['orderCode'],
          type: PageType.CONTENT_PAGE
        };
      } else if (params['categoryCode']) {
        context = { id: params['categoryCode'], type: PageType.CATEGORY_PAGE };
      } else if (params['brandCode']) {
        context = { id: params['brandCode'], type: PageType.CATEGORY_PAGE };
      } else if (state.data.pageLabel !== undefined) {
        context = { id: state.data.pageLabel, type: PageType.CONTENT_PAGE };
      } else if (!context) {
        if (state.url.length > 0) {
          const pageLabel =
            '/' + state.url.map(urlSegment => urlSegment.path).join('/');
          context = {
            id: pageLabel,
            type: PageType.CONTENT_PAGE
          };
        } else {
          context = {
            id: 'homepage',
            type: PageType.CONTENT_PAGE
          };
        }
      }
    }

    return { url, queryParams, params, context, cmsRequired };
  }
}

Answer 1

很明显，这是一个与SmartEdit和Spartacus都有关的问题，并将在未来的某个地方被修复。https:/github.comSAPspartacusissues2358 - 查看最新更新