4

我正在尝试部署使用 @babel/plugin-syntax-dynamic-import 的 reactjs 应用程序,该应用程序在我的本地主机上运行良好,但是当我在 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上工作吗?

4

1 回答 1

4

我不认为这是动态导入的问题 - 这是您的 Netlify 配置的问题。将_redirects文件添加到项目的公共根目录。具有以下内容:

/*    /index.html   200

更多信息在这里

另一种方法是添加一个netlify.toml文件,但这更复杂并且会达到相同的结果。更多信息在这里

于 2019-02-07T13:57:48.290 回答