Вопросы с меткой [create-react-app]
Метка для вопросов о стартовом шаблоне для React.js разработки - create-react-app
134
вопроса
0
голосов
0
ответов
12
показов
i18next.js:25 не удалось загрузить перевод пространства имен для языка ru не удалось выполнить синтаксический анализ
Уже битый час не получается подключить i18next.
Проблема заключается в i18next-http-backend. Если подключаю без него, как указано вот тут, c переменной и переводом прямо в init: https://www.i18next....
0
голосов
0
ответов
11
показов
Нет вкладки Git в панели меню Webstorm
Лобрый день. создал CRA через "yarn create react-app my-app --template typescript". Всё создалось, строка Happy Hacking появилась. Скрытая папка git тоже появилась.
Но, когда я открываю этот ...
0
голосов
0
ответов
24
показа
Invalid hook call
Вроде всегда рендерил данных способом, сейчас вылезает ошибка. Пожалуйста, помогите разобраться в чём проблема.
Вот мой код:
import React from 'react';
import ReactDOM from 'react-dom/client';
import '...
1
голос
0
ответов
20
показов
Помогите пожалуйста найти ошибку, ошибка заключатся в том что происходит отрисовка 2 одинаковых массива 'users' вместо 1
1.Редьюсер :
let UsersState = {
users: []
}
const UsersReducer = (state = UsersState, action) => {
switch (action.type){
case FOLLOW: return {
...state,
...
0
голосов
0
ответов
29
показов
После сборки и публикации React приложения некоторые запросы к API перестали работать
Собираю приложение помощью create-react-app, разворачиваю с помощью serve -s build на сервере с Alma Linux. Приложение запускается, но не работают некоторые запросы к АPI которые делают запрос на ...
0
голосов
1
ответ
42
показа
Ошибка в my-app react
При работе с CRA (даже в чистом my-app) в выдает ошибку: Error: attribute d: Expected number, "… tc0.2,0,0.4-0.2,0…". В файле jquery-3.4.1.min.js:2. Чистил npm кэш, не помогло....
0
голосов
0
ответов
125
показов
При создание проекта React, создается папка .yarn с cache, как её убрать?
Всех приветствую. Подскажите пожалуйста, возможно я что-то не так делаю:
Я создаю новый проект через терминал, командой yarn create react-app my-app --template typescript.
У меня вроде всё создается и ...
0
голосов
0
ответов
47
показов
Браузер не отправляет cookie access token при запросах на бэк. Как можно это исправить?
Всем доброго времени суток.
Я пишу планировщик задач в качестве петс-проекта. Бэк на SpringBoot, а фронт на React (проект создавал через create-react-app).
Я пытался реализовать следующий механизм ...
0
голосов
1
ответ
33
показа
vs code jest extension не запускает отдельные тесты [закрыт]
При нажатии на зелёную галочку:
Получаю это:
По testMatch видно что тесты находятся, а по Pattern нет.
0
голосов
0
ответов
19
показов
React проблема бесконечного ререндеринга
Написал свой кастомный хук для отправления запросов, и иногра нужно вручную повторить запрос в компоненте. Но происходит бесконечное зацикливание. С работой хука ознакомился, но не пойму почему ...
1
голос
1
ответ
21
показ
useState в React
Прошу мне объяснить.
У меня есть:
const [dialogs, setDialogs] = useState([
{
chat_id: 0,
messages: [
{
chat_id: 0,
text: "test1"
},
{
chat_id: 0,...
0
голосов
1
ответ
173
показа
Запускаю react приложение. Ошибок не выдаёт, но ничего не отрисовывает, почему?
У меня есть минимальное react приложение. По отдельности все компоненты работают. Сейчас пыталась сделать переадресацию используя Routers, но что-то не так. У меня не загружается даже домашняя ...
0
голосов
0
ответов
33
показа
как установить старую версию facebook / create-react-app с github для nodeJs 13.14.0 для win7?
как установить facebook/create-react-app, что бы работала на win 7, версия nodeJs у меня 13.14.0, я вижу на GitHub предыдущие версии create-react-app, но не понимаю как вкатить их себе на комп?
0
голосов
0
ответов
167
показов
подключение less к react
создал приложение в react (через npx create-react-app)
сейчас потребовалось подключить less (для создания тем для элементов библиотеки Ant Design)
подскажите как это можно сделать без существенных ...
0
голосов
0
ответов
26
показов
CRA в продакшне
Стоит ли использовать create react app в проде? Не будет ли приложение тормозить из-за лишних пакетов? Или при самостоятельной настройке их станет также много? Был ли у вас опыт с CRA в проде?
1
голос
0
ответов
26
показов
В консоли у стэк вызова отображается ссылка на фрагмент после вебпака, а не исходный код
У нас есть такой варнинг в консоли:
Warning: Failed prop type: Invalid prop `xs` supplied to `ForwardRef(Grid)`, expected one of type [number, boolean].
at Grid (http://localhost:3000/static/js/...
0
голосов
1
ответ
98
показов
Как лучше создать вебпак, какое преимущество создавать его в ручную?
Всегда создаю вебпак, командой create-react-app. Также знаю его можно создать в ручную шаг за шагом, вопрос, какой смысл создавать его в ручную? слышала, что create-react-app, добавляет лишние ...
0
голосов
0
ответов
255
показов
Как импортировать папку с картинками в create-react-app?
Я делаю небольшое приложение с серверной частью, и по логике с сервера оно должно посылать(при аутентефикации юзера естесн)) json с ссылками на изображения в папке в корне проекта. Эти ссылки потом ...
0
голосов
0
ответов
10
показов
Create React App настройка путей
Вопрос такой, в каких разделах искать настройку create react app чтобы он не ставил слеш(/) перед путями файлов в HTML?
0
голосов
1
ответ
27
показов
Как вставить функциональный компонент?й [закрыт]
Подскажите, как добавить функциональный компонент на html страницу?
-1
голос
1
ответ
53
показа
Webpack при сборке меняет ссылку на запрос и подставляет часть адреса
Я столкнулся с проблемой при сборке. Если открыть на локалхосте, все работает отлично, но если делаю сборку, то у меня не загружаются картинки. Возможно проблема возникла из-за настройки webpack, в ...
0
голосов
0
ответов
67
показов
Что делать с ошибкой после npm start при установке create-react-app?
запустил данные команды: npx create-react-app my-app и
cd my-app, а после команды npm start повилась ошибка:
Failed to compile.
Module not found: Error: Can't resolve 'C:#конспекты js\react\my-app\...
0
голосов
1
ответ
68
показов
Как передать значение в input?
Подскажите, как сделать проверку input. Если есть параметр у ссылки searchParams.get("q"), то он передается в input, а если его нет, то input пустой? И если параметр searchParams.get("q&...
0
голосов
1
ответ
78
показов
Подключение API с JavaScript на react-app
У меня есть проект на create-react-app. Есть несколько страниц которые находятся в папке /src/components/. На странице Donate.jsx нужно использовать API(виджет) от trademc(хочу сделать донат для ...
0
голосов
0
ответов
87
показов
Работа с React beautiful-dnd. Помогите если работали с этим. Проблема с id
Создавал клона Trello Читал документацию и посматривал видео с ютуба
import { useState } from "react";
import AddCardList from "../../components/TrelloList/AddCardList/AddCardList"...
0
голосов
1
ответ
151
показ
Как сделать задержку анимации?
У меня есть анимация на css. Проект пишу на реакте. Мне нужно сделать задержку анимации т.е. чтобы блок всплывал, держался какое-то время на экране,например 10 секунд и потом плавно уплывал вниз. ...
0
голосов
1
ответ
228
показов
Material-ui. Не применяются стили к <Box>
Всем привет. Начал изучать React. Также использую material-ui. Но столкнулся с такой проблемой: при кастомизации компонента Box не применяются указанные стили. Буду очень благодарен за любую наводку.
...
0
голосов
1
ответ
26
показов
Отправить значение базовому класу от дочерного и использовать в функции
Имеются две проблемы, в первой что значение select устанавливается предварительное т.е. меняю один input и сразу меняется select на другие данные но значение остается предыдущее.
Нужно чтобы значение ...
3
голоса
1
ответ
4k
показов
Подключение шрифтов в ReactJS
Подскажите, пожалуйста, куда лучше добавить шрифты: в src или public? Есть ли в этом какая-то разница? И как их подключить к проекту? Только начал изучение React, пытаюсь создать свое spa и не могу ...
0
голосов
1
ответ
68
показов
Не работает простейший код на React.js
у меня не работает простейший код на React.js
Очень хотелось бы понять что именно не так, любая помощь - полезна. Заранее большое спасибо)
Код:
import './style/App.css';
import React, {useState, ...
0
голосов
1
ответ
37
показов
Вопрос по поводу структуры приложения на react
А кто бы мог подтвердить или опровергнуть? Вот есть create-react-app, после установки мы получаем стандартный набор файлов, среди которых есть App.js. И вот у меня сложилось впечатление, что, работая ...
0
голосов
0
ответов
20
показов
Здравствуйте проблема с реактом
Написал npm start, в консоли пишет Starting the development server ..., но ничего не происходит, в открывшейся вкладке тоже ничего нет, лишь надпись Загрузка. Что делать и как быть?
0
голосов
2
ответа
100
показов
При перезаписи массива он перезаписывает себя в 2 раза больше. Как это исправить ? 'keyup' event react js
Всем привет! Я не давно начал изучать react ) Создаю свою мини игру по персонажу из Dota2 "Invoker".
Суть в том что бы прожать правильную комбо сфер для заклинаний. Я записываю это комбо в ...
0
голосов
1
ответ
116
показов
Как сделать выбор полей в react-admin
К примеру, есть Datagrid с моей кастомной кнопкой select (это поле я дописываю сам, используя dataProvider):
после выбора пользователя (строки в таблице), соответственно, кнопка должна поменяться на ...
0
голосов
1
ответ
103
показа
Проблема с запуском React + Node проекта
Ребята, прошу помочь.
Есть приложение. Установил модули и зависимости.
Но при попытке запустить приложение, API не работает - пишет ошибку proxy. (Proxy error: Could not proxy request)
Перерыл кучу ...
2
голоса
0
ответов
175
показов
Warning: Duplicated key 'undefined' used in Menu by path []
При нажатии на один из пунктов меню подсвечивается вся панель.
В консоли вылезает вот такая ошибка, хотя ключи переданы:
Warning: Duplicated key 'undefined' used in Menu by path [];
Но если я попрошу ...
1
голос
1
ответ
104
показа
как отличить проект каторый создан с помошю CRA(Create React App) от того что написан руками
и еше вопрос, можно ли создать через CRA и добавить свои webpack config-и, не трогая то что есть в CRA(то есть без eject команды)
0
голосов
2
ответа
1k
показов
react-bootstrap не работает для React
Создал чистое приложение через команду create-react-app gameleague_v2
После чего установил пакет react-bootstrap как указано в ссылке
И получил вот такой варнинг.
Thank you for installing EJS: built ...
1
голос
1
ответ
166
показов
странная ошибка Error: Invalid hook call. React, react-bootstrap
Создаю совершенно новый проект CRA (делал с typescript и без, результат 1)
Мои действия:
npx create-react-app my-app --template typescript
npm install react-bootstrap bootstrap@5.1.3
npm install --...
0
голосов
1
ответ
77
показов
Не устанавливается React ERR_PACKAGE_PATH_NOT_EXPORTED
После выполнения команд как указано в https://github.com/facebook/create-react-app
npx create-react-app my-app
cd my-app
yarn start или npm start
Возникает ошибка. Кто нибудь знает в чём дело? Как ...
0
голосов
1
ответ
44
показа
оптимизация react кода [закрыт]
я начинающий frontend разработчик. я столкнулся со сложной для меня задачей - переработать код ниже, прошу помощи, заранее спасибо.
import axios from 'axios'
import { FC, useEffect, useState } ...
-1
голос
2
ответа
3k
показов
UPD: Как настроить отображение картинок в react?
Вопрос избитый, неоднократно обсуждаем, с кучей решений и тд.. Но!
Проблема. Не отображаются картинки в проекте.
Реакт, компонент jsx.
путь компонента:
/src/components/post/post.jsx
Пробовал закинуть ...
0
голосов
1
ответ
238
показов
React app не запускается
Доброго времени суток господа. Не понимаю причину по которой лезет эта ошибка при npm start.
лог ошибки:
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\\Program Files\\nodejs\...
0
голосов
2
ответа
175
показов
Почему не показывается json файл по указанному роуту?
Написал такой код
import (
"net/http"
"github.com/gin-gonic/contrib/static"
"github.com/gin-gonic/gin"
)
func main() {
router := gin.Default()
...
0
голосов
0
ответов
444
показа
React useState хук не обновляет элементы в map
У меня есть state tags:
const [tags, setTags] = useState(['hello', 'ok', 'good']);
Есть вывод:
{tags.map((tag, index) => {
return <span className="tag-item" onClick={removeTag} ...
0
голосов
1
ответ
34
показа
Не могу понять как сделать спавн блоков на реакте [закрыт]
При нажатии на кнопку должен спавниться блок образца <div>kjkjkj</div> в другом каком-либо блоке. Как это вообще делается?
0
голосов
1
ответ
41
показ
Можно ли как-то сделать для объекта div свойства такие же как у input type color. React/Html
Суть в том что input колор всегда открывается по верх других блоков игнорируя css свойства родительских блоков и при этом еще и в зависимости от экрана, если допустим кнопка для открывания input ...
0
голосов
0
ответов
542
показа
React Как изменить значение value у input с последующим сохранением его состояния?
Помогите разобраться с вопросом подъёма состояний в React вот на таком упрощенном примере
import React from "react";
class ProfileForm extends React.Component {
constructor(props) {
super(...
0
голосов
1
ответ
165
показов
create-react-app как настроить eslint?
я до этого не трогал eslint...
могу я добавить настройки внутрь eslintConfig?
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
...
1
голос
1
ответ
593
показа
React Создание кастомного progressbar с анимацией
Пробую создать кастомный progress элемент на Реакте на основе вот этого примера
На выходе у меня получился вот такой компонент
import React from "react";
import ReactDOM from "react-dom";
const ...