安裝文檔:

https://sap.github.io/spartacus-docs/building-the-spartacus-storefront-from-libraries/

首先ng new spa3 --style=scss, 新建一個空的Angular應用:

然后命令行: ng add @spartacus/schematics

• To verify what versions of Spartacus libraries were installed, open the file package.json and look for @spartacus.

再執行命令:

ng add @spartacus/organization

如果遇到下列錯誤消息:

schematics_2.readPackageJson is not a function

執行ng version檢查Angular CLI版本,看是否和Spartacus文檔要求的一致:

官方文檔要求Angular CLI 版本號為10.1或更高,但不能高于11:

首先把我本機的Angular CLI卸載:

npm uninstall -g @angular/cli

執行npm cache verify, 再重新安裝:

npm install -g @angular/cli@latest, 安裝的是最新的11.2.4版本:

安裝指定的10.1 版本:

npm install -g @angular/cli@10.1

成功安裝:

安裝完畢后,ng serve啟動即可。

如果想使用B2B功能，記住編輯文件app.module.ts, 將powertools-spa添加到context節點的baseSite數組里。

完整的app.module.ts源代碼如下，供參考：

import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core';import { AppComponent } from './app.component'; import { translations, translationChunksConfig } from '@spartacus/assets'; import { B2bStorefrontModule, defaultB2bOccConfig } from '@spartacus/setup'; import { provideDefaultConfig } from '@spartacus/core'; import { AdministrationRootModule } from '@spartacus/organization/administration/root'; import { provideConfig } from '@spartacus/core'; import { organizationTranslations } from '@spartacus/organization/administration/assets'; import { organizationTranslationChunksConfig } from '@spartacus/organization/administration/assets'; import { OrderApprovalRootModule } from '@spartacus/organization/order-approval/root'; import { orderApprovalTranslations } from '@spartacus/organization/order-approval/assets'; import { orderApprovalTranslationChunksConfig } from '@spartacus/organization/order-approval/assets';@NgModule({declarations: [AppComponent],imports: [BrowserModule,B2bStorefrontModule.withConfig({featureModules: {organizationOrderApproval: {module: () => import('@spartacus/organization/order-approval').then((m) => m.OrderApprovalModule),},organizationAdministration: {module: () => import('@spartacus/organization/administration').then((m) => m.AdministrationModule),},},backend: {occ: {baseUrl: 'https://spartacus.eastus.cloudapp.azure.com:9002',prefix: '/occ/v2/'}},context: {currency: ['USD'],language: ['en'],baseSite: ['electronics-spa','powertools-spa'],urlParameters: ['baseSite', 'language', 'currency']},i18n: {resources: translations,chunks: translationChunksConfig,fallbackLang: 'en'},features: {level: '3.1'}}),AdministrationRootModule,OrderApprovalRootModule],providers: [provideDefaultConfig(defaultB2bOccConfig),provideConfig({i18n: {resources: organizationTranslations,chunks: organizationTranslationChunksConfig,},}),provideConfig({i18n: {resources: orderApprovalTranslations,chunks: orderApprovalTranslationChunksConfig,},})],bootstrap: [AppComponent] }) export class AppModule { }

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的安装 SAP Spartacus 3.0 并使用B2B功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。