Hybris Spartacus store front在点击localhost:4200时返回空页。正在加载网页标题，但未加载来自CMS的任何内容_Hybris_Spartacus Storefront

Hybris Spartacus store front在点击localhost:4200时返回空页。正在加载网页标题，但未加载来自CMS的任何内容

hybris

Hybris Spartacus store front在点击localhost:4200时返回空页。正在加载网页标题，但未加载来自CMS的任何内容,hybris,spartacus-storefront,Hybris,Spartacus Storefront,我已经使用Hybris 1905、npm、node和angularcli建立了spartacus商店。但是在点击主页url localhost:4200时，我得到了一个空白页面。请提供帮助您确定要在上运行应用程序吗默认情况下，angular CLI使用4200端口。如果您指的是4200端口，那么您是否可以从浏览器控制台共享任何日志？可能会有一些有用的消息指出该问题您确定要在上运行应用程序吗默认情况下，angular CLI使用4200端口。如果您指的是4200端口，那么您是否可以从浏览器控

我已经使用Hybris 1905、npm、node和angularcli建立了spartacus商店。但是在点击主页url localhost:4200时，我得到了一个空白页面。请提供帮助

您确定要在上运行应用程序吗

默认情况下，angular CLI使用4200端口。如果您指的是4200端口，那么您是否可以从浏览器控制台共享任何日志？可能会有一些有用的消息指出该问题

您确定要在上运行应用程序吗

默认情况下，angular CLI使用4200端口。如果您指的是4200端口，那么您是否可以从浏览器控制台共享任何日志？可能会有一些有用的消息指出该问题

这听起来像是Hybris中没有Sampledata或者存在CORS问题，您是否在Hybris中安装了Samplestore并配置了CORS

以下是Spartacus文档的链接：

这听起来像是Hybris中没有Sampledata或者存在CORS问题，您是否在Hybris中安装了Samplestore并配置了CORS

以下是Spartacus文档的链接：

问题得到了解决。这是因为我们使用了最新版本的node和angular cli。

我使用（最新）angular cli 8.3.25、node 12.16.1、Thread 1.22.0测试了Spartacus 1.4 Electronics SPA，并且运行良好

正如其他人提到的，这可能是一个CORS问题。如果CORS配置不正确，我也会得到一个空白页，但是如果我添加CORS配置，它会工作。尝试在您的

local.properties

中添加此属性，然后重新启动Hybris应用程序：

corsfilter.ycommercewebservices.allowedOrigins=http://localhost:4200 https://localhost:4200
corsfilter.ycommercewebservices.allowedMethods=GET HEAD OPTIONS PATCH PUT POST DELETE
corsfilter.ycommercewebservices.allowedHeaders=origin content-type accept authorization cache-control if-none-match x-anonymous-consents
corsfilter.ycommercewebservices.exposedHeaders=x-anonymous-consents
corsfilter.assistedservicewebservices.allowedHeaders=origin content-type accept authorization x-anonymous-consents
corsfilter.assistedservicewebservices.exposedHeaders=x-anonymous-consents

注意：Spartacus文档建议使用Angular 8.x，而不是9.x。

我使用（最新）Angular CLI 8.3.25、Node 12.16.1、Thread 1.22.0测试了Spartacus 1.4 Electronics SPA，它运行良好

正如其他人提到的，这可能是一个CORS问题。如果CORS配置不正确，我也会得到一个空白页，但是如果我添加CORS配置，它会工作。尝试在您的

local.properties

中添加此属性，然后重新启动Hybris应用程序：

corsfilter.ycommercewebservices.allowedOrigins=http://localhost:4200 https://localhost:4200
corsfilter.ycommercewebservices.allowedMethods=GET HEAD OPTIONS PATCH PUT POST DELETE
corsfilter.ycommercewebservices.allowedHeaders=origin content-type accept authorization cache-control if-none-match x-anonymous-consents
corsfilter.ycommercewebservices.exposedHeaders=x-anonymous-consents
corsfilter.assistedservicewebservices.allowedHeaders=origin content-type accept authorization x-anonymous-consents
corsfilter.assistedservicewebservices.exposedHeaders=x-anonymous-consents

注意：Spartacus文档建议使用Angular 8.x，而不是9.x。

对不起，我的错误是，我使用的是默认端口4200-localhost:4200控制台上有什么吗？应该有一个错误或警告。不，我没有在控制台上得到任何东西。OCC呼叫Hybris CMS的电话不是从店面打来的。只是为了确保，我指的是浏览器控制台，而不是Hybris控制台。如果你没有得到任何东西，你能再检查一下斯巴达克斯的设置吗？如果在页面或控制台上看不到任何内容，则可能错过了一步。例如，您是否在

app.component.html

中添加了

元素？浏览器控制台中没有任何内容。我已经仔细检查了设置-一切都准备就绪。即使在index.html页面中，我也可以看到标签。但是hybris CMS的内容仍然没有被调出。对不起，我的错误是，我使用的是默认端口4200-localhost:4200控制台上有什么东西吗？应该有一个错误或警告。不，我没有在控制台上得到任何东西。OCC呼叫Hybris CMS的电话不是从店面打来的。只是为了确保，我指的是浏览器控制台，而不是Hybris控制台。如果你没有得到任何东西，你能再检查一下斯巴达克斯的设置吗？如果在页面或控制台上看不到任何内容，则可能错过了一步。例如，您是否在

app.component.html

中添加了

元素？浏览器控制台中没有任何内容。我已经仔细检查了设置-一切都准备就绪。即使在index.html页面中，我也可以看到标签。但是hybris CMS的内容仍然没有被提取。我已经安装了示例存储，并且数据也存在。我能够加载存储。我在local.properties文件corsfilter.ycommercewebservices.allowedHeaders=原始内容类型接受授权缓存控制，如果没有匹配的x-anonymous-Approvement，我可以加载以下属性已安装示例存储，并且数据也存在。我可以加载存储。我在local.properties文件corsfilter.ycommercewebservices.allowedHeaders=源内容类型接受授权缓存控制如果没有匹配的x-anonymous-Approvement扫描共享修复吗？您将Node和Angular CLI降级到了什么版本？我已经使用（最新的）Angular CLI 8.3.25、Node 12.16.1和Thread 1.22.0进行了测试，它运行良好。所以，“最新版本”不是问题所在。请尝试Angular CLI 9，您将面临这个问题。啊，您刚才说的是最新的9.x。我是说最新的8.x。Spartacus文档的“需求”部分不建议使用v9.x->

Angular CLI:v8.0.0或更高版本，

，现在此问题已解决，您可以使用所做的更改更新自己的答案，并将其标记为已接受。（或者，你可以选择接受另一个答案）你能分享修复方案吗？您将Node和Angular CLI降级到了什么版本？我已经使用（最新的）Angular CLI 8.3.25、Node 12.16.1和Thread 1.22.0进行了测试，它运行良好。所以，“最新版本”不是问题所在。请尝试Angular CLI 9，您将面临这个问题。啊，您刚才说的是最新的9.x。我是说最新的8.x。Spartacus文档的“需求”部分不建议使用v9.x->Angular CLI:v8.0.0或更高版本，
，现在此问题已解决，您可以使用所做的更改更新自己的答案，并将其标记为已接受。（或者，您可以选择接受另一个答案）