React_js ошибка error:0308010C:digital envelope routines::unsupported

@Sasha_1987 · Регистрация: 07.12.2019

Студворк — интернет-сервис помощи студентам

как сделать чтобы реакт заработал?
в консоли браузера такая ошыбка - crbug/1173575, non-JS module files deprecated.
работаю в vs code на macos

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/Users/sashamaksyutenko/budget/node_modules/react-scripts/scripts/start.js:19
  throw err;
  ^
 
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at module.exports (/Users/sashamaksyutenko/budget/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/sashamaksyutenko/budget/node_modules/webpack/lib/NormalModule.js:417:16)
    at /Users/sashamaksyutenko/budget/node_modules/webpack/lib/NormalModule.js:452:10
    at /Users/sashamaksyutenko/budget/node_modules/webpack/lib/NormalModule.js:323:13
    at /Users/sashamaksyutenko/budget/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /Users/sashamaksyutenko/budget/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/Users/sashamaksyutenko/budget/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/sashamaksyutenko/budget/node_modules/babel-loader/lib/index.js:59:103 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
 
Node.js v17.0.1
sashamaksyutenko@MacBook-Air-Sasha budget %

@mr_dramm · 01.12.2021, 23:10

Тут есть обсуждение этой проблемы

Рекомендация поменять в package.json

Code
1
"start": "react-scripts start"

на

Code
1
"start": "react-scripts --openssl-legacy-provider start"

@Sasha_1987 · 05.12.2021, 01:15 **[ТС]**

Опять появилась эта проблема. Я в файле package.json все поменял.

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/Users/sashamaksyutenko/budget/node_modules/react-scripts/scripts/start.js:19
  throw err;
  ^
 
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at module.exports (/Users/sashamaksyutenko/budget/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/sashamaksyutenko/budget/node_modules/webpack/lib/NormalModule.js:417:16)
    at /Users/sashamaksyutenko/budget/node_modules/webpack/lib/NormalModule.js:452:10
    at /Users/sashamaksyutenko/budget/node_modules/webpack/lib/NormalModule.js:323:13
    at /Users/sashamaksyutenko/budget/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /Users/sashamaksyutenko/budget/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/Users/sashamaksyutenko/budget/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/sashamaksyutenko/budget/node_modules/babel-loader/lib/index.js:59:103 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
 
Node.js v17.0.1
sashamaksyutenko@MacBook-Air-Sasha budget %

Добавлено через 2 часа 33 минуты
теперь другая ошибка.
установил yarn и из него установил styled components, react router. Раньше немного работал с npm. Не знаю почему все слетело.

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
sashamaksyutenko@MacBook-Air-Sasha budget % cd budget
sashamaksyutenko@MacBook-Air-Sasha budget % yarn start
node:internal/modules/cjs/loader:317
    throw e;
    ^
 
SyntaxError: Error parsing /Users/sashamaksyutenko/Desktop/budget/budget/package.json: Unexpected token ; in JSON at position 10
    at parse (<anonymous>)
    at readPackage (node:internal/modules/cjs/loader:304:20)
    at readPackageScope (node:internal/modules/cjs/loader:329:19)
    at trySelf (node:internal/modules/cjs/loader:444:40)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:910:24)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at Module._preloadModules (node:internal/modules/cjs/loader:1270:12)
    at loadPreloadModules (node:internal/bootstrap/pre_execution:483:5)
    at prepareMainThreadExecution (node:internal/bootstrap/pre_execution:77:3) {
  path: '/Users/sashamaksyutenko/Desktop/budget/budget/package.json'
}

@mr_dramm · 05.12.2021, 01:39

Сообщение от Sasha_1987

package.json: Unexpected token ; in JSON at position 10

выложите файл package.json, в нем есть синтаксическая ошибка

@Sasha_1987 · 05.12.2021, 16:00 **[ТС]**

JSON
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
28
29
30
31
32
33
34
35
36
37
38
{
  "name"; "budget",
  "version"; "0.1.0",
  "private"; true,
  "dependencies"; {
    "@testing-library/jest-dom"; "^5.15.1",
    "@testing-library/react"; "^11.2.7",
    "@testing-library/user-event"; "^12.8.3",
    "react"; "^17.0.2",
    "react-dom"; "^17.0.2",
    "react-scripts"; "4.0.3",
    "web-vitals"; "^1.1.2"
  }
  "scripts"; {
    "start"; "react-scripts --openssl-legacy-provider start",
    "build"; "react-scripts build",
    "test"; "react-scripts test",
    "eject"; "react-scripts eject"
  }
  "eslintConfig"; {
    "extends"; [
      "react-app",
      "react-app/jest"
    ]
  }
  "browserslist"; {
    "production"; [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development"; [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

@mr_dramm · 05.12.2021, 16:26

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
28
29
30
31
32
33
34
35
36
37
38
{
  "name": "budget",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.15.1",
    "@testing-library/react": "^11.2.7",
    "@testing-library/user-event": "^12.8.3",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.2"
  },
  "scripts": {
    "start": "react-scripts --openssl-legacy-provider start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

@Sasha_1987 · 05.12.2021, 17:20 **[ТС]**

нужно поставить false?

Добавлено через 47 минут

Code
1
2
3
4
5
6
7
8
9
10
sashamaksyutenko@MacBook-Air-Sasha budget % npm start
npm ERR! code EJSONPARSE
npm ERR! path /Users/sashamaksyutenko/Desktop/budget/package.json
npm ERR! JSON.parse Unexpected token ";" (0x3B) in JSON at position 18 while parsing near "{\n  \"dependencies\"; {\n    \"prop-types\"..."
npm ERR! JSON.parse Failed to parse JSON data.
npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript.
 
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/sashamaksyutenko/.npm/_logs/2021-12-05T14_16_46_727Z-debug.log
sashamaksyutenko@MacBook-Air-Sasha budget %

@mr_dramm · 05.12.2021, 17:41

Сообщение от Sasha_1987

нужно поставить false?

нужно скопировать и вставить это в файл package.json с полной заменой и ничего там не менять

@Sasha_1987 · 05.12.2021, 17:44 **[ТС]**

скопировал
не работает

@mr_dramm · 05.12.2021, 18:13

Сообщение от Sasha_1987

скопировал
не работает

да у вас там опять откуда то ; вместо :

Сообщение от Sasha_1987

in JSON at position 18 while parsing near "{\n "dependencies"; {\n "prop-types"..."

@Sasha_1987 · 05.12.2021, 20:50 **[ТС]**

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
sashamaksyutenko@MacBook-Air-Sasha budget % npm start
npm ERR! Missing script: "start"
npm ERR! 
npm ERR! Did you mean one of these?
npm ERR!     npm star # Mark your favorite packages
npm ERR!     npm stars # View packages marked as favorites
npm ERR! 
npm ERR! To see a list of scripts, run:
npm ERR!   npm run
 
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/sashamaksyutenko/.npm/_logs/2021-12-05T15_43_18_877Z-debug.log
sashamaksyutenko@MacBook-Air-Sasha budget %

Добавлено через 2 часа 6 минут
package.json

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
{
  "name"; "budget",
  "version"; "0.1.0",
  "private"; true,
  "dependencies"; {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "prop-types": "^15.7.2",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.2",
    "styled-components": "^5.2.1",
    "web-vitals": "^1.0.1"
  }
  "scripts"; {
    "start"; "react-scripts -- openssl-legacy-provider start",
    "build"; "react-scripts -- openssl-legacy-provider build",
    "test"; "react-scripts test",
    "eject"; "react-scripts eject"
  }
  "eslintConfig"; {
    "extends"; [
      "react-app",
      "react-app/jest"
    ]
  }
  "browserslist"; {
    "production"; [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development"; [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

@mr_dramm · 05.12.2021, 21:38

Сообщение от Sasha_1987

package.json

просто сравните его с тем файлом, который я отправил, если напишете что они одинаковые, то наука тут бессильна =)

@Sasha_1987 · 06.12.2021, 05:17 **[ТС]**

Ссылка на Гит

https://github.com/SashaMaksyutenko/react_budget
Подскажите, в чем проблема

@gogolik · 06.12.2021, 08:34

Sasha_1987, на гитхабе и в теме разные файлы. Ну и на гитхабе валидный json, а в теме абсолютно невалидный.

@Sasha_1987 · 06.12.2021, 15:56 **[ТС]**

sashamaksyutenko@MacBook-Air-Sasha budget % cd budget
sashamaksyutenko@MacBook-Air-Sasha budget % yarn start
yarn run v1.22.15
$ react-scripts start
/bin/sh: react-scripts: command not found
error Command failed with exit code 127.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
sashamaksyutenko@MacBook-Air-Sasha budget %

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@Sasha_1987 0 / 0 / 0 Регистрация: 07.12.2019 Сообщений: 316
	05.12.2021, 17:44 [ТС]
	скопировал не работает 0

@Sasha_1987 0 / 0 / 0 Регистрация: 07.12.2019 Сообщений: 316
	06.12.2021, 05:17 [ТС]
	Ссылка на Гит https://github.com/SashaMaksyutenko/react_budget Подскажите, в чем проблема 0

@gogolik Супер-модератор 3957 / 2071 / 831 Регистрация: 13.03.2010 Сообщений: 6,827
	06.12.2021, 08:34
	Sasha_1987, на гитхабе и в теме разные файлы. Ну и на гитхабе валидный json, а в теме абсолютно невалидный. 0

@Sasha_1987 0 / 0 / 0 Регистрация: 07.12.2019 Сообщений: 316
	06.12.2021, 15:56 [ТС]
	sashamaksyutenko@MacBook-Air-Sasha budget % cd budget sashamaksyutenko@MacBook-Air-Sasha budget % yarn start yarn run v1.22.15 $ react-scripts start /bin/sh: react-scripts: command not found error Command failed with exit code 127. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. sashamaksyutenko@MacBook-Air-Sasha budget % 0