react

sh: react-scripts: not found

Основная тема: https://fkn.ktu10.com/?q=node/16517

Возможный вариант:

docker-compose.yml:

version: '3.9'
services:
  frontend:
    working_dir: /var/www
    volumes:
      - '.:/var/www'
    ports:
      - "3000:3000"

Dockerfile:

FROM node:18.15-alpine
WORKDIR /var/www
COPY package.json ./
COPY package-lock.json ./
RUN npm ci
COPY ../ .
CMD npm start

Проблемы и решения для node_modules/

Всего есть две задачи/проблемы:

Можно написать обертку вида:

Для обработки отдельно одинарного и двойного клика, можно использовать такой пользовательский хук:

Пример:

Главная идея

Основные мысли:

Если в вашем случае ошибка возникается в JSX разметке вида:

return (
    <TextInput
    label={label}
    value={value} // код посвечивается как недостижимый!
    formatInputValue={formatInputValue}
    onChange={onChange}
  />  
);

-то, возможно, причина просто в том, что у расширение файла .ts а не .tsx и поэтому он анализируется под другим правилам

Решение для JSX

Исправить расширение файла на .tsx

TypeError: Cannot assign to read only property
can't define property "....": "..." is not extensible

-- одной из причин таких ошибок (напр. если вы просто используете какие-то объекты в useRef()) может быть то, что кто-то выполняем object.freeze() для этой сущности,
этим кем-то может быть Redux (если ваши сущности не только хранятся в реф, но и отправляются в стейт редакса), если объект попадает туда по ссылке, используйте декомозицию сущности:

{...yourObject}

-- чтобы получить незамороженную версию

Нужно выставить переменную среды PORT, например, в package.json вместо:

 "scripts": {
    "start": "react-scripts start",

Написать:

 "scripts": {
    "start": "PORT=3006 react-scripts start",