Динамический импорт не работает в netlify (реагировать) - PullRequest
Новая
       15

Динамический импорт не работает в netlify (реагировать)

0 голосов
/ 07 февраля 2019

Я пытаюсь развернуть мое приложениеactjs, которое использует @ babel / plugin-syntax-dynamic-import, приложение отлично работает на моем локальном хосте, но когда я развертываю его на netlify, работает только корневой URL (например: mysite.netlify.com), все другие URL с slug (например: 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",
    ...
}

, и у меня есть следующие импорты в моем приложении.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?

1 Ответ

0 голосов
/ 07 февраля 2019

Я не думаю, что это проблема с динамическим импортом - это проблема с вашей конфигурацией Netlify.Добавьте файл _redirects в публичный корень вашего проекта.Со следующим содержимым: 

/*    /index.html   200

Дополнительная информация здесь

Альтернативой является добавление файла netlify.toml, но это более сложно и приведет к тому же результату.,Подробнее здесь

...