Новая установка Spartacus 3.1 показывает пустую страницу

Я выполнил следующие шаги, чтобы создать витрину Spartacus,

  1. нг новый spartacus3
  2. cd spartacus3
  3. ng add @ spartacus / schematics --baseUrl https://spartacus-demo.eastus.cloudapp.azure.com:8443/ --baseSite = electronics-spa --ssr
  4. пряжа установить
  5. начало пряжи

Он устанавливает Angular 10.2.4 и Spartacus 3.1.

Компилируется без ошибок.

Но у меня появляется пустой экран, когда я открываю его в браузере, используя URL-адрес http: // localhost: 4200 / Я проверил вкладку сети в браузере, у нее есть правильный ответ. Вот скриншот вкладки сети - скриншот - 1, снимок экрана 2

Но ни один элемент не добавляется в 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 .

Снимок экрана вкладки консоли

Я перешел по ссылке ниже: https://sap.github.io/spartacus-docs/schematics/#adding-spartacus-core-libraries-and-features-to-your-angular-project

Пожалуйста, помогите мне получить работающее приложение Спартак в моем городе.

Ниже мой код 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 { }

person user1606761    schedule 31.03.2021    source источник
comment
Вы проверяли журнал консоли?   -  person mkysoft    schedule 31.03.2021
comment
@mkysoft У меня в консоли ошибок нет. Но получение информации ниже: spartacus-storefront.js: 17341 Не найдена реализация компонента для типа компонента CMS «ProfileTagScriptComponent». Убедитесь, что вы реализуете компонент и зарегистрируете его в картографе. Прикрепленный скриншот консоли тоже в описании. Вот ссылка, i.stack.imgur.com/1GlEP.png   -  person user1606761    schedule 31.03.2021
comment
Можете ли вы добавить baseSite: [your site uid] внутрь context, чтобы посмотреть, работает он или нет?   -  person Weizheng Gao    schedule 07.04.2021


Ответы (2)


После добавления ниже конфигурации в app.module приложение работает нормально,

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

Этот фрагмент кода не требуется для версии Spartacus выше / = 3.2, поскольку приложение имеет новую структуру.

person user1606761    schedule 14.05.2021

В app.module.ts используйте эту ссылку baseUrl baseUrl: 'https://spartacus-training.eastus.cloudapp.azure.com:8443',

person Co ti    schedule 14.05.2021
comment
Спасибо @Co ti. Я добавил код ниже в app.module.ts, после чего он начал работать. {предоставить: ROUTER_CONFIGURATION, useValue: {scrollPositionRestoration: 'enabled',}} - person user1606761; 14.05.2021