Установка зависимостей

Есть ли список зависимостей, которые нужно установить для выполнения домашнего задания? Неплохо было бы составить requirements.txt, иначе ничего работать не будет

При выполнении команды yarn add @consta/uikit @consta/charts сыпятся предупреждения

warning " > @react-three/drei@8.10.6" has unmet peer dependency "@react-three/fiber@>=6.0".
warning " > @react-three/drei@8.10.6" has incorrect peer dependency "react@>=17.0".
warning " > @react-three/drei@8.10.6" has incorrect peer dependency "three@>=0.137".
warning "@react-three/drei > @react-spring/three@9.4.3" has unmet peer dependency "@react-three/fiber@>=6.0".
warning "@react-three/drei > suspend-react@0.0.8" has incorrect peer dependency "react@>=17.0".
warning "@react-three/drei > three-stdlib@2.8.7" has incorrect peer dependency "three@>=0.137.0".
warning " > @babel/preset-es2015@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-arrow-functions@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-block-scoped-functions@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-block-scoping@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-classes@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-computed-properties@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-destructuring@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-duplicate-keys@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-for-of@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-function-name@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-instanceof@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-literals@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-modules-amd@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-modules-commonjs@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-modules-systemjs@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-modules-umd@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-object-super@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-parameters@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-regenerator@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-shorthand-properties@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-spread@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-sticky-regex@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-template-literals@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-typeof-symbol@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning "@babel/preset-es2015 > @babel/plugin-transform-unicode-regex@7.0.0-beta.53" has incorrect peer dependency "@babel/core@>=7.0.0-beta.50 <7.0.0-rc.0".
warning " > axios-cookiejar-support@1.0.1" has unmet peer dependency "@types/tough-cookie@>=2.3.3".
warning " > react-resize-detector@7.1.2" has unmet peer dependency "react-dom@^16.0.0 || ^17.0.0 || ^18.0.0".
warning " > react-test-renderer@17.0.2" has incorrect peer dependency "react@17.0.2".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "@bem-react/classname@^1.6.0".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "@bem-react/classnames@^1.3.10".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "compute-scroll-into-view@^1.0.17".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "date-fns@^2.30.0".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-dom@>= 16.8.0".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-dropzone@11.3.4".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-imask@^7.2.1".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-textarea-autosize@^8.5.3".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-transition-group@^4.4.5".
warning " > @consta/charts@1.0.0" has unmet peer dependency "@antv/g2plot@^2.4.31".

При добавлении Theme и далее по курсу начинают валиться множественные ошибки, не связанные с синтаксисом кода, например

ERROR in ./node_modules/@consta/uikit/__internal__/src/utils/bem.js 1:677-722
Module not found: Error: Can't resolve '@bem-react/classname' in 'C:\Users\TselykhAY\bi-magic-resources\node_modules\@consta\uikit\__internal__\src\utils'
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/Theme.js 1:934-966 1:1207-1209
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/index.js 1:0-21 1:0-21
 @ ./node_modules/@consta/uikit/Theme/index.js 1:0-53 1:0-53
 @ ./src/ds_11/DsShellHeader.tsx 2:0-44 21:42-47
ERROR in ./node_modules/@consta/uikit/__internal__/src/components/Theme/_font/Inter-ExtraLight.woff2
Assignment to constant variable.
 @ ./node_modules/css-loader/dist/cjs.js!./node_modules/@consta/uikit/__internal__/src/components/Theme/_font/Theme_font_gpnDefault.css 7:36-86
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/_font/Theme_font_gpnDefault.css 8:6-120 22:17-24 26:0-90 26:0-90 27:22-29 27:33-47 27:50-64
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/presets/presetGpnDefault.js 1:157-200
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/Theme.js 1:966-1023 1:1023-1080 1:1023-1080 1:1745-1761 1:1802-1818
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/index.js 1:0-21 1:0-21
 @ ./node_modules/@consta/uikit/Theme/index.js 1:0-53 1:0-53
 @ ./src/ds_11/DsShellHeader.tsx 2:0-44 21:42-47

Я так понимаю проблема в совместимости версий. В требованиях было указано Node.js версии не ниже 14.15.0, у меня стоит v20.10.0. Что еще можно проверить, чтобы устранить ошибки?

@nspike1

# npm audit report

git  *
Severity: high
Code injection in npm git - https://github.com/advisories/GHSA-9gqr-xp86-f87h
Depends on vulnerable versions of mime
No fix available
node_modules/git

glob-parent  <5.1.2
Severity: high
glob-parent vulnerable to Regular Expression Denial of Service in enclosure regex - https://github.com/advisories/GHSA-ww39-953v-wcq6      
fix available via `npm audit fix --force`
Will install @babel/cli@7.23.4, which is outside the stated dependency range
node_modules/glob-parent
  chokidar  1.0.0-rc1 - 2.1.8
  Depends on vulnerable versions of glob-parent
  node_modules/@nicolo-ribaudo/chokidar-2/node_modules/chokidar
    @nicolo-ribaudo/chokidar-2  *
    Depends on vulnerable versions of chokidar
    node_modules/@nicolo-ribaudo/chokidar-2
      @babel/cli  7.12.1
      Depends on vulnerable versions of @nicolo-ribaudo/chokidar-2
      node_modules/@babel/cli

mime  <1.4.1
Severity: high
mime Regular Expression Denial of Service when MIME lookup performed on untrusted user input - https://github.com/advisories/GHSA-wrvr-8mpx-r7pp
No fix available
node_modules/git/node_modules/mime

node-fetch  <=2.6.6
Severity: high
The `size` option isn't honored after following a redirect in node-fetch - https://github.com/advisories/GHSA-w7rc-rwvf-8q5r
node-fetch forwards secure headers to untrusted sites - https://github.com/advisories/GHSA-r683-j2x4-v87g
No fix available
node_modules/isomorphic-fetch/node_modules/node-fetch
  isomorphic-fetch  2.0.0 - 2.2.1
  Depends on vulnerable versions of node-fetch
  node_modules/isomorphic-fetch
    fbjs  0.7.0 - 1.0.0
    Depends on vulnerable versions of isomorphic-fetch
    node_modules/fbjs
      rsocket-core  <=0.0.19 || 0.1.0-alpha.0ddeeafe
      Depends on vulnerable versions of fbjs
      Depends on vulnerable versions of rsocket-flowable
      Depends on vulnerable versions of rsocket-types
      node_modules/rsocket-rpc-frames/node_modules/rsocket-core
        rsocket-rpc-frames  *
        Depends on vulnerable versions of rsocket-core
        node_modules/rsocket-rpc-frames
      rsocket-flowable  <=0.0.14 || >=0.1.0-alpha.0ddeeafe
      Depends on vulnerable versions of fbjs
      node_modules/rsocket-rpc-core/node_modules/rsocket-flowable
      node_modules/rsocket-rpc-frames/node_modules/rsocket-flowable
      rsocket-types  <=0.0.16 || >=0.1.0-alpha.0ddeeafe
      Depends on vulnerable versions of fbjs
      Depends on vulnerable versions of rsocket-flowable
      node_modules/rsocket-rpc-core/node_modules/rsocket-types
      node_modules/rsocket-rpc-frames/node_modules/rsocket-types
        rsocket-rpc-core  *
        Depends on vulnerable versions of rsocket-rpc-frames
        Depends on vulnerable versions of rsocket-types
        node_modules/rsocket-rpc-core

14 high severity vulnerabilities

To address issues that do not require attention, run:
  npm audit fix

To address all issues possible, run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Анастасия, в ходе видео я рассказывал как настроить webpack проекта bi-magic-resources и почему данная ошибка возникает. Это следствие подхода, который по умолчанию используется в проекте при обращении к файлам + особенности хранения депенденси, которые есть в consta. Учитывая, что подход консты к хранению необходимых для их работы пакетов мог поменяться в 5 версии, что сейчас - нужно будет дополнительно провести некоторую работу.

Да, я помню это в видео и поправила всё в соответствии с ним, но у меня совсем другие ошибки. Попробую откатить версию на 16, возможно это поможет.

Дак я об этом и говорю, в версии консты совсем новые подходы к необходимым пакетам. Вам нужна версии консты версии 3 или типа того. в 5 и бете там совсем много нового наворочено. Разбираться с этим - это надолго иначе.

А вообще, лучше свежитесь с Николаем Лободой и он вышлет вам презентацию по курсу от Учебного Центра и ДЗ попроще. Данное видео, как и задача, которую мы там решали - достаточно специфична и требует больше навыков и доп.работ. Подготовка окружения и сам подход к работе в рамках BMR не поменялся, но задание попроще

1 лайк

Хорошо, спасибо большое!

Откатила версию node.js до 16.16, ошибки стали более конкретные. Как я поняла не ставится нормально модуль

@consta/uikit

и из-за него все валится. Подскажите пожалуйста, что можно предпринять?

ERROR in ./node_modules/@consta/charts/__internal__/src/utils/theme/createThemeByStyleSheet.js 1:724-773
Module not found: Error: Can't resolve '@antv/g2/lib/util/graphics' in 'C:\Users\TselykhAY\bi-magic-resources\node_modules\@consta\charts\__internal__\src\utils\theme'
 @ ./node_modules/@consta/charts/__internal__/src/hooks/useChartTheme/useChartTheme.js 1:53-132 1:8962-8985
 @ ./node_modules/@consta/charts/__internal__/src/hooks/useChartTheme/index.js 1:0-29 1:0-29
 @ ./node_modules/@consta/charts/__internal__/src/components/Column/Column.js 1:1008-1061 1:1271-1284
 @ ./node_modules/@consta/charts/__internal__/src/components/Column/index.js 1:0-22 1:0-22
 @ ./node_modules/@consta/charts/Column/index.js 1:0-54 1:0-54
 @ ./src/ds_12/MyColumn.tsx 2:0-47 34:85-91

ERROR in ./node_modules/@consta/charts/__internal__/src/utils/theme/createThemeByStyleSheet.js 1:773-808
Module not found: Error: Can't resolve '@antv/matrix-util' in 'C:\Users\TselykhAY\bi-magic-resources\node_modules\@consta\charts\__internal__\src\utils\theme'
 @ ./node_modules/@consta/charts/__internal__/src/hooks/useChartTheme/useChartTheme.js 1:53-132 1:8962-8985
 @ ./node_modules/@consta/charts/__internal__/src/hooks/useChartTheme/index.js 1:0-29 1:0-29
 @ ./node_modules/@consta/charts/__internal__/src/components/Column/Column.js 1:1008-1061 1:1271-1284
 @ ./node_modules/@consta/charts/__internal__/src/components/Column/index.js 1:0-22 1:0-22
 @ ./node_modules/@consta/charts/Column/index.js 1:0-54 1:0-54
 @ ./src/ds_12/MyColumn.tsx 2:0-47 34:85-91

ERROR in ./node_modules/@consta/charts/__internal__/src/utils/theme/createThemeByStyleSheet.js 1:808-840
Module not found: Error: Can't resolve '@antv/util' in 'C:\Users\TselykhAY\bi-magic-resources\node_modules\@consta\charts\__internal__\src\utils\theme'
 @ ./node_modules/@consta/charts/__internal__/src/hooks/useChartTheme/useChartTheme.js 1:53-132 1:8962-8985
 @ ./node_modules/@consta/charts/__internal__/src/hooks/useChartTheme/index.js 1:0-29 1:0-29
 @ ./node_modules/@consta/charts/__internal__/src/components/Column/Column.js 1:1008-1061 1:1271-1284
 @ ./node_modules/@consta/charts/__internal__/src/components/Column/index.js 1:0-22 1:0-22
 @ ./node_modules/@consta/charts/Column/index.js 1:0-54 1:0-54
 @ ./src/ds_12/MyColumn.tsx 2:0-47 34:85-91

ERROR in ./node_modules/@consta/uikit/__internal__/src/utils/bem.js 1:677-722
Module not found: Error: Can't resolve '@bem-react/classname' in 'C:\Users\TselykhAY\bi-magic-resources\node_modules\@consta\uikit\__internal__\src\utils'
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/Theme.js 1:934-966 1:1207-1209
 @ ./node_modules/@consta/uikit/__internal__/src/components/Theme/index.js 1:0-21 1:0-21
 @ ./node_modules/@consta/uikit/Theme/index.js 1:0-53 1:0-53
 @ ./src/ds_12/MyColumn.tsx 4:0-44 32:42-47

ERROR in ./src/ds_12/MyComp.tsx 2:0-56
Module not found: Error: Can't resolve '@consta/uikit/ComboboxCanary' in 'C:\Users\TselykhAY\bi-magic-resources\src\ds_12'

ERROR in ./src/ds_12/MyCustomComponent.tsx 7:0-56
Module not found: Error: Can't resolve '@consta/uikit/ComboboxCanary' in 'C:\Users\TselykhAY\bi-magic-resources\src\ds_12'

ERROR in ./src/services/ConstaThemeService.ts 4:0-48
Module not found: Error: Can't resolve '@consta/uikit/IconSun' in 'C:\Users\TselykhAY\bi-magic-resources\src\services'
 @ ./src/ds_12/MyColumn.tsx 5:0-68 14:43-61

ERROR in ./src/services/ConstaThemeService.ts 5:0-50
Module not found: Error: Can't resolve '@consta/uikit/IconMoon' in 'C:\Users\TselykhAY\bi-magic-resources\src\services'
 @ ./src/ds_12/MyColumn.tsx 5:0-68 14:43-61

PS

Команду

yarn add @consta/uikit 

выполняла, она выполняется с рядом предупреждений

warning " > react-resize-detector@7.1.2" has unmet peer dependency "react-dom@^16.0.0 || ^17.0.0 || ^18.0.0".
warning " > react-test-renderer@17.0.2" has incorrect peer dependency "react@17.0.2".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "@bem-react/classname@^1.6.0".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "@bem-react/classnames@^1.3.10".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "@consta/icons@^1.0.0".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "compute-scroll-into-view@^1.0.17".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "date-fns@^2.30.0".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-dom@>= 16.8.0".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-dropzone@11.3.4".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-imask@^7.2.1".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-textarea-autosize@^8.5.3".
warning " > @consta/uikit@5.0.2" has unmet peer dependency "react-transition-group@^4.4.5".

@ilya.gureshidze

Здравствуйте, я писал ранее, что вам нужна либо версия консты пораньше, либо вы должны установить все те модули, что указаны в warning. Второй метод сложнее и дольше, .
Поставьте лучше версии хотя бы такие

"@consta/charts": "^0.8.0",
"@consta/icons": "^0.11.0",
"@consta/uikit": "^4.33.1",

Пропишите их руками в файле package.json в блоке dependencies и запустите yarn

Типа такого

"dependencies": {
    "@consta/charts": "^0.8.0",
    "@consta/icons": "^0.11.0",
    "@consta/uikit": "^4.33.1",
// какие-то еще модули...
  },