部署 React 应用程序时如何消除此错误？

Question

目前我有一个正常运行的 React 应用程序，我可以在 localhost:3000 上运行。我当前的部署过程如下：我运行 npm run build，并将该文件上传到我的共享主机提供商。

然后我添加了一个 .htaccess 文件

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

然后我在package.json中添加了"homepage": ".",。（我什至尝试添加 "homepage": "http://websiteexample.com"，而不是 . ）。

从另一个 post 我看到的，我什至删除了 index.html 中的正斜杠。

None 这似乎有效，并给我一个空白页面，控制台中出现以下错误： DevTools failed to load source map: Could not parse content for https://website.com/static/js/main.f532f71f.js.map: Unexpected token < in JSON at position 0

问题：如何部署？有什么我想念的吗？

更新： 我刚刚部署了另一个 React 应用程序，似乎这个过程工作正常，但问题来自我的一个文件......只需要弄清楚出哪一个

更新 2： 我找到了文件...我现在遇到的错误是： Uncaught TypeError: (0 , kn.forwardRef) is not a function 这是什么？将很快再次更新。

更新 3： 我有一个使用 props 的模态，这会导致所有这些问题。但是为什么它一旦部署就无法呈现，但可以在本地主机上运行？很快回来提供更多答案。

最终更新： 错误来自以下行

{ props.accordion1_1 ?  <Accordion></Accordion> : <Typogrpahy></Typography>}

手风琴来自 React Material Ui。所以我决定添加一个useEffect来观察道具。

Answer 1

错误来自以下行：

{ props.accordion1_1 ?  <Accordion></Accordion> : <Typogrpahy></Typography>}

手风琴来自 React Material Ui。所以我决定添加一个useEffect来观察道具。

部署 React 应用程序时如何消除此错误？

How can I remove this error when I deploy my React App?

javascript

deployment

hosting

reactjs