Javascript 动态导入在netlify中不起作用（reactjs）

我正在尝试部署我的reactjs应用程序，它使用@babel/plugin语法动态导入，该应用程序在我的本地主机上运行良好，但是当我在netlify上部署它时，只有根url可以工作（例如：mysite.netlify.com），所有其他带有slug的url（例如：mysite.netlify.com/Visit）都不能工作，它只是返回404页未找到，即使我已经定义了路由并在本地主机上工作

我的.babelrc文件中有以下设置

{
    "presets": ["@babel/preset-env", "@babel/preset-react"],
    "plugins": ["@babel/plugin-syntax-dynamic-import"]
} 

在我的package.json中

"dependencies": {
    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
    ...
}

我的App.js上有以下导入

import React, { Suspense, lazy } from 'react';
import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom';

const Photography = lazy(() => import('../Form1/Main.js'));
const Visit = lazy(() => import('../Form2/Main.js'));

---

是否缺少任何东西，或者我需要让它在netlify上工作？

我认为这不是动态导入的问题-这是netlify配置的问题。添加一个

\u重定向
文件到项目的公共根目录。内容如下：

/*    /index.html   200

更多信息

另一种方法是添加一个
netlify.toml
文件，但这更为复杂，将获得相同的结果。更多信息
我在技术支持@Netlify工作，我也认为这可能是正确的答案：）@Jonathan Irwin我尝试了你的解决方案，但仍然不起作用：（404页是你自己的404页还是netlify页？@Jonathan Irwin这是netlify页one@sam然后我想也许你没有正确地设置它-上面应该将所有请求重定向到你的索引文件..你将_redirects文件添加到了哪个文件夹？如果你使用的是create react应用程序，它需要是/public文件夹