如何在 Salesforce 中运行由 create-react-app 创建的 React App答案

【问题标题】：How to run React App created by create-react-app in Salesforce如何在 Salesforce 中运行由 create-react-app 创建的 React App
【发布时间】：2020-08-03 10:42:57
【问题描述】：

我想在 salesforce Lightning 容器中运行一个 React 应用程序。我用 npm run build 构建了应用程序，上传了 zip 文件，但没有任何效果。我只能得到一个空白页。

在压缩之前构建文件夹

压缩并上传到静态资源

在开发者控制台中

<aura:application >
    <lightning:container src="{!$Resource.Mirage + '/index.html'}"/>
</aura:application>

预览页面是空白的，我不知道如何正确操作。我觉得它无法加载我的资源。

我是否必须放弃 CRA 并构建自定义 webpack？

【问题讨论】：

仅供参考，这将作为 VF 页面正常工作......可能有一种方法可以让它在闪电容器中工作，但肯定有更多的挑战和很少的好处。通常，如果您在 salesforce 中使用 react，无论如何它都应该作为独立的 SPA（VF 非常适合）
@NSjonas 我设法将其用作 VF 页面，但效果不佳。新问题可以在这里找到stackoverflow.com/questions/63247793/…

标签： reactjs salesforce create-react-app salesforce-lightning

【解决方案1】：

完全披露：我从未尝试过。但是looks like你必须：

要引用存档中的文件，请使用 URLFOR 函数。

我不是 100% 确定这是答案。

告诉我。

【讨论】：

我发现控制台中的代码是正确的，但 zip 是错误的。我应该只压缩内容而不是父文件夹。现在我又遇到了一个问题XD
什么新问题？
我在visualforce页面中导入那个aura:application，预览的时候就好了。但是当它添加到应用程序时。有错误：Refused to frame 'https://mirage-video-dev-ed--ltng.container.lightning.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://mirage-video-dev-ed--c.visualforce.com".