Pro sidebar template (отличный плагин)

[IgorA100]

https://github.com/azouaoui-med/pro-sid ... me-ov-file

Вариант демо: https://codepen.io/azouaoui-med/pen/wpBadb

Требуется пакет YARN, а для установки YARN в Ubuntu необходим NPM
Ставим YARN:

Код: Выделить всёnpm install --global yarn

Или через репозиторий можно.
https://classic.yarnpkg.com/lang/en/doc ... ian-stable

----------------------------------------------------------------------------------------------

Если при выполнении команды

Код: Выделить всёyarn start

вы получите ошибку типа:

ERROR in ./src/styles/styles.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/file-loader/dist/cjs.js):
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:69:19)
at Object.createHash (node:crypto:133:10)
at getHashDigest (/root/inst/my-project/node_modules/loader-utils/lib/getHashDigest.js:46:34)
at /root/inst/my-project/node_modules/loader-utils/lib/interpolateName.js:113:11
at String.replace (<anonymous>)
at interpolateName (/root/inst/my-project/node_modules/loader-utils/lib/interpolateName.js:110:8)
at Object.loader (/root/inst/my-project/node_modules/file-loader/dist/index.js:29:48)
at processResult (/root/inst/my-project/node_modules/webpack/lib/NormalModule.js:751:19)
at /root/inst/my-project/node_modules/webpack/lib/NormalModule.js:853:5
at /root/inst/my-project/node_modules/loader-runner/lib/LoaderRunner.js:399:11
at /root/inst/my-project/node_modules/loader-runner/lib/LoaderRunner.js:251:18
at runSyncOrAsync (/root/inst/my-project/node_modules/loader-runner/lib/LoaderRunner.js:156:3)
at iterateNormalLoaders (/root/inst/my-project/node_modules/loader-runner/lib/LoaderRunner.js:250:2)
at /root/inst/my-project/node_modules/loader-runner/lib/LoaderRunner.js:223:4
at /root/inst/my-project/node_modules/webpack/lib/NormalModule.js:827:15
at Array.eval (eval at create (/root/inst/my-project/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)
at runCallbacks (/root/inst/my-project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
@ ./src/index.js 1:0-30

5 ERRORS in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack 5.64.2 compiled with 6 errors in 6897 ms

Значит есть проблема с настройкой openssl. Необходимо выполнить команду:

Код: Выделить всёexport NODE_OPTIONS=--openssl-legacy-provider

https://stackoverflow.com/questions/751 ... js-v19-4-0

----------------------------------------------------------------------------------------------

Если Вы правите классы и идентификаторы шаблона, то необходимо править файлы:
- /my-project/src/index.js
- /my-project/src/libs/constants.js
- /my-project/src/styles/_layout.scss
- /my-project/src/styles/_menu.scss
- /my-project/src/styles/_sidebar.scss
- /my-project/src/styles/styles.scss
- /my-project/node_modules/css-pro-layout/dist/scss/css-pro-layout.scss