在netlify（reactjs）不工作动态导入

Question

我想部署它使用@通天/插件语法动态导入我的reactjs的应用程序，该应用程序正常工作在我的本地，但是当我将它部署netlify，只有根URL作品（例如：mysite.netlify。 COM），所有其他的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工作？

Answer 1

我不认为这是用动态导入的问题 - 这是您的Netlify配置的问题。一个_redirects文件添加到项目中的公共根。用下面的内容：

/*    /index.html   200

更多信息here

另一种方法是增加一个netlify.toml文件，但这个更复杂，将实现同样的结果。更多信息here