Oleksandr
npm ERR! code ELIFECYCLE
npm ERR! burger-builder-app@0.1.0 eject: react-scripts eject
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the burger-builder-app@0.1.0 eject script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Alex\AppData\Roaming\npm-cache\_logs\2019-07-19T09_51_53_143Z-debug.log
Oleksandr
у кого нибудь возникала? можете помочь?
Oleksandr
логи открой
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'eject' ]
2 info using npm@6.4.1
3 info using node@v10.15.3
4 verbose run-script [ 'preeject', 'eject', 'posteject' ]
5 info lifecycle burger-builder-app@0.1.0~preeject: burger-builder-app@0.1.0
6 info lifecycle burger-builder-app@0.1.0~eject: burger-builder-app@0.1.0
7 verbose lifecycle burger-builder-app@0.1.0~eject: unsafe-perm in lifecycle true
8 verbose lifecycle burger-builder-app@0.1.0~eject: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;D:\ReactProjects\burger-builder-app\node_modules\.bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\OpenSSH\;C:\Program Files\nodejs\;C:\Program Files\dotnet\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn\;C:\Program Files\Microsoft SQL Server\140\Tools\Binn\;C:\Program Files\Microsoft SQL Server\140\DTS\Binn\;C:\Program Files\Git\cmd;C:\Users\Alex\AppData\Local\Microsoft\WindowsApps;C:\Users\Alex\AppData\Roaming\npm;D:\Programs\Microsoft VS Code\bin;C:\Users\Alex\AppData\Local\GitHubDesktop\bin
9 verbose lifecycle burger-builder-app@0.1.0~eject: CWD: D:\ReactProjects\burger-builder-app
10 silly lifecycle burger-builder-app@0.1.0~eject: Args: [ '/d /s /c', 'react-scripts eject' ]
11 silly lifecycle burger-builder-app@0.1.0~eject: Returned: code: 1 signal: null
12 info lifecycle burger-builder-app@0.1.0~eject: Failed to exec eject script
13 verbose stack Error: burger-builder-app@0.1.0 eject: react-scripts eject
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:301:16)
13 verbose stack at EventEmitter.emit (events.js:189:13)
13 verbose stack at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:189:13)
13 verbose stack at maybeClose (internal/child_process.js:970:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)
14 verbose pkgid burger-builder-app@0.1.0
15 verbose cwd D:\ReactProjects\burger-builder-app
16 verbose Windows_NT 10.0.18362
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "eject"
18 verbose node v10.15.3
19 verbose npm v6.4.1
20 error code ELIFECYCLE
21 error errno 1
22 error burger-builder-app@0.1.0 eject: react-scripts eject
22 error Exit status 1
23 error Failed at the burger-builder-app@0.1.0 eject script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
Frontend Priest
ребята, после npx react-create-app burger-builder-app при попытке подключить css modules командой npm run eject возникает ошибка
css модули работают из коробки, просто импорти из *.module.css (sass/scss)
Cenator 🐈
Oleksandr
у меня ссд, мало памяти
Oleksandr
просто раньше так делал, не было ероров, тут или обнова или что и уже выскакивает
Anonymous
У меня 256 гб.И у меня 3 ОС
Oleksandr
да кроме этого полно нужных файлов
Oleksandr
если убунту срочно нужно, то на хард меняю
Frontend Priest
просто раньше так делал, не было ероров, тут или обнова или что и уже выскакивает
короче, попробуй модули без еджекта
Илья
import img1 from '../../../image3.jpg'
import img2 from '../../../maxresdefault.jpg'
нужно выводить 2 разные картинки по рандому
<img src={img2} alt='img' className="col__img"/>
Как можно описать это в условиях?
Aro
привет всем может кто подсказать какой npm пакет лучше для создании registration form Reactjs
🦜
привет всем может кто подсказать какой npm пакет лучше для создании registration form Reactjs
если в целом будет много форм в приложении, то React-final-form
Vladimir
Тоже не понял в чем проблема
@v_today
текст для перевода
<div>
mytext <a href="https://example.com"> helloworld </a> <br /> mytexttext
</div>
после преобразования
<Trans i18nKey="multiline">
{t('translate', { link:'https://example.com'})}
</Trans>
json:
"translate": "мой текст <a href=\"{{link}}\"> приветмир </a> <br /> мой текст"
Проблема в следующем, при таком варианте ссылки нет, вопрос как должен выглядить jsx и json для того что бы ссылка работала
Gene
вечер в хату, пацаны
есть вопрос по тайпскрипту: у меня есть компонент типографики <Typographics /> в который я хочу передавать булевые пропсы типа h1, h2... и т.д. <Typographics h2 >Che pochem</Typographics>
Чтобы избежать компилирования фигни типа <Typographics h1 h2 />, мне нужно написать дженерик типов, который будет позволять прокидывать только одну булевую переменную.
Кто-нибудь может помочь с этим?
Vadim
Gene
Лучше завести проп type и передавать строку
на совещании решили, что проще кидать булевую переменную, экономим время
Gene
всем остальным проще и быстрее будет пользоваться компонентой
Yury
import img1 from '../../../image3.jpg'
import img2 from '../../../maxresdefault.jpg'
нужно выводить 2 разные картинки по рандому
<img src={img2} alt='img' className="col__img"/>
Как можно описать это в условиях?
var rand = Math.floor(Math.random() * 2);
<img src={rand? img1 : img2} alt='img' className="col__img"/>
Andrey
вечер в хату, пацаны
есть вопрос по тайпскрипту: у меня есть компонент типографики <Typographics /> в который я хочу передавать булевые пропсы типа h1, h2... и т.д. <Typographics h2 >Che pochem</Typographics>
Чтобы избежать компилирования фигни типа <Typographics h1 h2 />, мне нужно написать дженерик типов, который будет позволять прокидывать только одну булевую переменную.
Кто-нибудь может помочь с этим?
все прально сказали, если для чего то подразумевается только одно значение, то для него делают поле, а не забор из булеанов
Vadim
все прально сказали, если для чего то подразумевается только одно значение, то для него делают поле, а не забор из булеанов
+ Где-то читал, что это явный антипаттерн
Китикет
+
Китикет
Надо 1 проп с enum'ом стрингов и не будет никаких костылей, плюс внутренняя логика компонента Typographics будет проще
Vadim
ссылочку если можно
https://jxnblk.com/blog/defining-component-apis-in-react/#avoid-boolean-props-for-enums
Gene
Gene
хотя аргументов по сути и нет
Gene
вариант из серии "чо будет если" страхуется тайпскриптом, вопрос только - как именно))
Vadim
Китикет
Sergey
как заставить build в react-create-app генерировать es5?
Китикет
вариант из серии "чо будет если" страхуется тайпскриптом, вопрос только - как именно))
Это выглядит так, как будто ты принимаешь изначально некрасивое архитектурное решение, а потом его фиксишь костылем, типа и так сойдет
Rauf
Всем привет подскажите пожалуйста учу контекст по сайту реакта сделал то что там написали но почему то внутри вложенного компонента не видит контекст
Rauf
https://codesandbox.io/s/async-water-l0wbv
Yury
так а где ты zuzuContext импортишь?
Orest🇺🇦
Orest🇺🇦
Alex
VladislaV K
Orest🇺🇦
Он понимает, ему не нравится пустой тэг, сделай <div/>
заполняя контентом ничего не меняется
wolfe
Ryhor
onChange написать и там сделать disabled другого поля, флагом каким-нибудь или как вам там нужно
но как передать этот флаг? в доках ничего не видоно
Roman
Привет всем. Я делаю компонент button с Хуками. Задача стоит в том чтобы при нажатии надо отправить запрос и блокировать кнопку, все это еще обернуто в useContext. Как сделать чтобы она была многоразовой?
Roman
Может как то можно сделать так. let [isSending[], setIsSending] = useState(isSending[3]);
Roman
Возможно так сделать, знатоки?
Alexandr
Зачем делать стейт в кнопке? Сделай у кнопки loading, disabled и onChange все остальное разруливай там где вызываешь этот компонент
Roman
Roman
Или сказать в какой либе сделано
rovnyart
Ребят, никто не сталкивался с проблемой - обновил все зависимости до самых последних версий, вебпак, babel, и тд, и приложение наглухо перестало открываться в Safari и под ios - ошибка SyntaxError: Unexpected identifier 'e'. Cannot declare a lexical variable twice: 'e'.
rovnyart
я гугглил-гуглил, нагуглил, что проблема может быть в UglifyJS, но я вроде как в конфиге вебпака не пользуюсь им
rovnyart
может вебпак сам под капотом пользуется, никто не в курсе, как это дело пофиксить можно?
Alexandr
Откати и по одной либе обнови)
Олег
https://www.google.com/search?q=Cannot+declare+a+lexical+variable+twice%3A+%27e%27.&oq=Cannot+declare+a+lexical+variable+twice%3A+%27e%27.&aqs=chrome..69i57.116j0j1&sourceid=chrome&ie=UTF-8
Sergey
есть кто пользуется react-scripts-ts, как его заставить генерировать es5?
rovnyart
Ilia
Ребят , что бы использовать Raiting из material ui lab,надо установить npm i material-ui-rating?Так как у меня установлена последняя версия material ui lab,а там нет рейтинга(который на оф сайте import from material ui/lab/Raiting?
rovnyart
но я все это уже читал) у меня нет в настройках вебпака никакого uglify
Alexandr
rovnyart
