Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 23.07.2019
Сообщений: 1

Формы в Production режиме (react-scripts build)

23.07.2019, 01:09. Показов 1284. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем день добрый,

Ищу помощь коллективного разума. Есть приложение на Реакте. Все работает как положено и ожидаемо в Дев режиме; при компиляции в Production, банальная обработка форм не работает.
Что я делаю не так?

package.json:
Code
1
2
3
4
5
...
  "scripts": {
    "start": "PORT=${REACT_APP_SERVER_PORT} SKIP_PREFLIGHT_CHECK=true react-scripts start",
    "build": "react-scripts build",
...

App.jsx:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import React, { Component } from 'react';
import { Router, Route, Switch } from 'react-router-dom';
import { connect } from 'react-redux';
import { ... Login, ... } from './components';
 
class App extends Component {
  constructor(props) {
    super(props);
    const { dispatch } = this.props;
 
    history.listen((location, action) => {
        // clear alert on location change
        dispatch(alertActions.clear());
    });
}
 
render() {
 
    return (
        <div>
            <Router history={history}>
                <div>
                    <Switch>
                        <Route path="/login" component={Login} />
...
const connectedApp = connect(mapStateToProps)(App);
export { connectedApp as App };

index.js:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import registerServiceWorker from './registerServiceWorker';
import { store } from './helpers';
import { App } from './App';
 
ReactDOM.render(
    <BrowserRouter>
        <Provider store={store}>
            <App />
        </Provider>
    </BrowserRouter>,
    document.getElementById('root')
);
registerServiceWorker();

в обоих режимах, все запускается в Докере, Dockerfile для Prod:
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
FROM node:alpine as builder
 
WORKDIR /app
 
#add code
COPY src src
COPY public public
COPY index.js index.js
COPY package.json package.json
 
#Fetch Dependencies
RUN npm install --quiet --no-optional --no-shrinkwrap --no-package-lock && \
    SKIP_PREFLIGHT_CHECK=true npm run-script build
 
 
#
# Production release stage
#
FROM nginx:alpine
 
WORKDIR /app
 
COPY --from=builder /app/build /app
COPY nginx/conf.d /etc/nginx/conf.d
 
# entrypoint & expose - стандартные

Dockerfile для Dev:
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
FROM node:alpine
 
WORKDIR /app
 
#add code
COPY src src
COPY public public
COPY index.js index.js
COPY package.json package.json
 
#Fetch Dependencies
RUN apk update && \
    apk upgrade --no-cache --purge && \
    apk --no-cache add --virtual native-deps g++ gcc libgcc libstdc++ linux-headers make python && \
    npm install --quiet node-gyp -g --no-optional --no-shrinkwrap --no-package-lock &&\
    npm install --quiet  --no-optional --no-shrinkwrap --no-package-lock && \
    apk del native-deps && \
    rm -rf /var/cache/apk/*
 
#execute node
CMD npm run start
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.07.2019, 01:09
Ответы с готовыми решениями:

В режиме конструктора есть данные, а в режиме формы нет. Почему?
Здравствуйте, в режиме конструктора есть данные, а в режиме формы нет. Почему? Как исправить?В чем может быть причина?

JS React Как сравнивать значение формы со строкой (e.targer.value == '?')
Есть форма с двумя кнопками и событие. Не работает сравнение e.targer.value с value заданное кнопкам. onTaskButton(e){ ...

Win 8.1 build 9600 распознаётся как Windows 8 build 9200
Проблема с версией. Win 8.1 build 9600 распознаётся как Windows 8 build 9200 . Проверил ток что . #include &lt;windows.h&gt; ...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
23.07.2019, 01:09
Помогаю со студенческими работами здесь

Почему в Eclipse неактивно действие Build Project и Build All?
Доброго времени суток) У меня вопрос такой: почему в Eclipse неактивно действие Build Project и Build All?

В режиме кода появляется код формы, вместо самой формы
Здравствуйте. Возникла проблема: не могу визуально посмотреть форму. То есть при дабл клике по form1.designer появляется код типа ...

Python scripts
Всем привет, решил создать тему здесь, так как более подходящего подфорума не было. Хочу попросить интернет-источнить или т.п. для...

Парсер scripts
Привет, пишу программу, и понадобилось парсить страницу в интернете, делаю я это с помощью библиотеки JSOUP... Все отлично парсится, но...

C++11 в production, да или нет?
Всем привет. Выбил все-таки разрешение юзать С++11 на работе, по мелочи, лямбды вместо предикатов, range-based-for, auto. Сегодня наш тех....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru