動態導入無法在netlify中工作（reactjs）

Question

我正在嘗試部署使用@ babel / plugin-syntax-dynamic-import的reactjs應用程序，該應用程序在我的localhost上運行正常，但是當我在netlify上部署它時，只有根URL工作（例如：mysite.netlify。 com），所有其他url與slug（例如：mysite.netlify.com/Visit）不起作用，它只返回404頁面找不到，即使我已經定義了路由並在我的localhost上工作。

我在.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

更多信息在這里

另一種方法是添加netlify.toml文件，但這更復雜，並且會獲得相同的結果。 更多信息在這里