Hybris Spartacus 3.1新安装显示空白页

Hybris Spartacus 3.1新安装显示空白页,hybris,spartacus-storefront,Hybris,Spartacus Storefront,我按照以下步骤创建Spartacus店面 新斯巴达3 cd spartacus3 ng add@spartacus/schematics--baseUrl--baseSite=electronics spa--ssr 纱线安装 起纱 它安装Angular 10.2.4和Spartacus 3.1 它编译无误 但当我使用URL在浏览器中打开相同的文件时,我会看到一个空白屏幕http://localhost:4200/ 我验证了浏览器中的“网络”选项卡是否有有效响应。 这是网络选项卡屏幕截图- 但是

我按照以下步骤创建Spartacus店面

  • 新斯巴达3
  • cd spartacus3
  • ng add@spartacus/schematics--baseUrl--baseSite=electronics spa--ssr
  • 纱线安装
  • 起纱
  • 它安装Angular 10.2.4和Spartacus 3.1

    它编译无误

    但当我使用URL在浏览器中打开相同的文件时,我会看到一个空白屏幕http://localhost:4200/ 我验证了浏览器中的“网络”选项卡是否有有效响应。 这是网络选项卡屏幕截图-

    但是没有一个元素被添加到DOM中。 这是“元素”选项卡屏幕截图-

    但在控制台中,我有以下信息

    spartacus-storefront.js:17341 No component implementation found for the CMS component type 'ProfileTagScriptComponent'.Make sure you implement a component and register it in the mapper .
    

    我跟随下面的链接,

    请帮助我在我的本地计算机上使用Spartacus应用程序

    下面是我的app.module.ts代码

        import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    
    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    import { translations, translationChunksConfig } from '@spartacus/assets';
    import { B2cStorefrontModule } from '@spartacus/storefront';
    import { StoreFinderRootModule } from '@spartacus/storefinder/root';
    import { provideConfig } from '@spartacus/core';
    import { storeFinderTranslations } from '@spartacus/storefinder/assets';
    import { storeFinderTranslationChunksConfig } from '@spartacus/storefinder/assets';
    
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        AppRoutingModule,
        B2cStorefrontModule.withConfig({
          featureModules: {
            storeFinder: {
              module: () => import('@spartacus/storefinder').then(
                (m) => m.StoreFinderModule
              ),
            },
          },
          backend: {
            occ: {
              baseUrl: 'https://spartacus-demo.eastus.cloudapp.azure.com:8443',
              prefix: '/occ/v2/'
            }
          },
          context: {
            currency: ['USD'],
            language: ['en'],
          },
          i18n: {
            resources: translations,
            chunks: translationChunksConfig,
            fallbackLang: 'en'
          },
          features: {
            level: '3.0'
          }
        }),
        StoreFinderRootModule
      ],
      providers: [
        provideConfig({
          i18n: {
            resources: storeFinderTranslations,
            chunks: storeFinderTranslationChunksConfig,
          },
        })],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    

    在app.module.ts中使用此baseUrl链接
    baseUrl:'https://spartacus-training.eastus.cloudapp.azure.com:8443“,

    一旦添加到app.module中的config下面,则应用程序工作正常

    {
      provide: ROUTER_CONFIGURATION,
      useValue: {
        scrollPositionRestoration: 'enabled',
      }
    }
    

    以上版本的Spartacus/=3.2不需要此代码剪报,因为该应用程序具有新的结构。

    是否检查了控制台日志?@mkysoft我在控制台中没有错误。但是获取以下信息:spartacus storefront.js:17341未找到CMS组件类型“ProfileTagScriptComponent”的组件实现。确保实现了一个组件并将其注册到映射器中。附加控制台屏幕截图以及说明。这是一个链接,你能在
    上下文中添加
    baseSite:[你的站点uid]
    看看它是否有效吗?谢谢@Co ti。我在app.module.ts中添加了以下代码,然后它开始工作。{提供:路由器配置,useValue:{scrollPositionRestoration:'已启用',}