Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Can I build Demo 31 using react?


Hi,

1. Currently Demo 31 is only available in HTML version, is it Possible to build it on react?

2. I am getting error after i do `npm start` on all react demos.

ERROR :

D:\Quixta\Project\Sales AI\Frontend Code\React\metronic_react_v8.2.0_demo7\demo7>npm start

> demo6@8.2.0 start
> react-scripts start

Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
(node:6440) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:6440) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
Starting the development server...
Failed to compile.

Cannot read properties of undefined (reading 'indexOf')
assets by path static/media/ 4.36 MiB
assets by path static/media/*.svg 2.56 MiB 4 assets
assets by path static/media/*.eot 615 KiB 4 assets
assets by path static/media/*.woff 602 KiB 4 assets
assets by path static/media/*.ttf 614 KiB 4 assets
+ 1 asset
assets by path static/js/*.js 9.66 MiB
asset static/js/bundle.js 8.45 MiB [emitted] (name: main) 1 related asset
asset static/js/src_app_modules_accounts_AccountPage_tsx.chunk.js 370 KiB [emitted] 1 related asset
asset static/js/src_app_modules_apps_user-management_UsersPage_tsx.chunk.js 181 KiB [emitted] 1 related asset
asset static/js/vendors-node_modules_react-table_index_js.chunk.js 167 KiB [emitted] (id hint: vendors) 1 related asset
asset static/js/src_app_modules_profile_ProfilePage_tsx.chunk.js 153 KiB [emitted] 1 related asset
+ 3 assets
asset asset-manifest.json 4.41 KiB [emitted]
asset index.html 1.79 KiB [emitted]
orphan modules 203 KiB [orphan] 154 modules
runtime modules 31.8 KiB 17 modules
modules by path ./node_modules/ 4.29 MiB 666 modules
modules by path ./src/ 3.56 MiB (javascript) 4.36 MiB (asset)
modules by path ./src/_metronic/ 2.5 MiB (javascript) 4.36 MiB (asset)
javascript modules 2.48 MiB 199 modules
asset modules 714 bytes (javascript) 4.36 MiB (asset) 17 modules
json modules 20 KiB 6 modules
modules by path ./src/app/ 1.05 MiB
modules by path ./src/app/modules/ 849 KiB 83 modules
modules by path ./src/app/pages/ 207 KiB 4 modules
modules by path ./src/app/routing/*.tsx 13.9 KiB 2 modules
+ 1 module
./src/index.tsx 3.44 KiB [built] [code generated]
./util.inspect (ignored) 15 bytes [built] [code generated]

WARNING in ./src/_metronic/assets/sass/plugins.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/plugins.scss)
Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
webpack or the upstream loader did not supply a source-map
@ ./src/_metronic/assets/sass/plugins.scss 8:6-440 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-410 83:0-410 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 22:0-46

WARNING in ./src/_metronic/assets/sass/style.react.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.react.scss)
Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
webpack or the upstream loader did not supply a source-map
@ ./src/_metronic/assets/sass/style.react.scss 8:6-444 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-414 83:0-414 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 23:0-50

WARNING in ./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.scss)
Module Warning (from ./node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
webpack or the upstream loader did not supply a source-map
@ ./src/_metronic/assets/sass/style.scss 8:6-438 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-408 83:0-408 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 21:0-44

3 warnings have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

ERROR in ./src/_metronic/assets/sass/plugins.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/plugins.scss)
Module Error (from ./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js):
Cannot read properties of undefined (reading 'indexOf')
@ ./src/_metronic/assets/sass/plugins.scss 8:6-440 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-410 83:0-410 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 22:0-46

ERROR in ./src/_metronic/assets/sass/plugins.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/plugins.scss)
Module build failed (from ./node_modules/resolve-url-loader/index.js):
TypeError: Cannot read properties of undefined (reading 'replace')
at process (D:\Quixta\Project\Sales AI\Frontend Code\React\metronic_react_v8.2.0_demo7\demo7\node_modules\resolve-url-loader\lib\engine\postcss.js:28:19)
at Object.resolveUrlLoader (D:\Quixta\Project\Sales AI\Frontend Code\React\metronic_react_v8.2.0_demo7\demo7\node_modules\resolve-url-loader\index.js:213:14)
@ ./src/_metronic/assets/sass/plugins.scss 8:6-440 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-410 83:0-410 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 22:0-46

ERROR in ./src/_metronic/assets/sass/style.react.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.react.scss)
Module Error (from ./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js):
Cannot read properties of undefined (reading 'indexOf')
@ ./src/_metronic/assets/sass/style.react.scss 8:6-444 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-414 83:0-414 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 23:0-50

ERROR in ./src/_metronic/assets/sass/style.react.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.react.scss)
Module build failed (from ./node_modules/resolve-url-loader/index.js):
TypeError: Cannot read properties of undefined (reading 'replace')
at process (D:\Quixta\Project\Sales AI\Frontend Code\React\metronic_react_v8.2.0_demo7\demo7\node_modules\resolve-url-loader\lib\engine\postcss.js:28:19)
at Object.resolveUrlLoader (D:\Quixta\Project\Sales AI\Frontend Code\React\metronic_react_v8.2.0_demo7\demo7\node_modules\resolve-url-loader\index.js:213:14)
@ ./src/_metronic/assets/sass/style.react.scss 8:6-444 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-414 83:0-414 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 23:0-50

ERROR in ./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.scss)
Module Error (from ./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js):
Cannot read properties of undefined (reading 'indexOf')
@ ./src/_metronic/assets/sass/style.scss 8:6-438 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-408 83:0-408 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 21:0-44

ERROR in ./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.scss)
Module build failed (from ./node_modules/resolve-url-loader/index.js):
TypeError: Cannot read properties of undefined (reading 'replace')
at process (D:\Quixta\Project\Sales AI\Frontend Code\React\metronic_react_v8.2.0_demo7\demo7\node_modules\resolve-url-loader\lib\engine\postcss.js:28:19)
at Object.resolveUrlLoader (D:\Quixta\Project\Sales AI\Frontend Code\React\metronic_react_v8.2.0_demo7\demo7\node_modules\resolve-url-loader\index.js:213:14)
@ ./src/_metronic/assets/sass/style.scss 8:6-438 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-408 83:0-408 84:22-29 84:33-47 84:50-64 61:4-74:5
@ ./src/index.tsx 21:0-44

3 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.74.0 compiled with 6 errors and 3 warnings in 58583 ms
No issues found.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


Hi,

Thank you for reaching out to us.

Currently, demo31 isn't available in our React version. But you can create a new React demo by referring to the existing React demo and our HTML version.

We've rechecked our demos and couldn't reproduce this error.

Can you please specify which package manager you are using?
Is it npm or yarn?

If you made any changes to our codebase or have specific steps to reproduce this error, please let us know.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



I am getting same error, and im using npm. I tried removing nodemodules and packagelock.json-didnt work for me.

Failed to compile.

Cannot read properties of undefined (reading 'indexOf')
assets by path static/media/ 4.36 MiB
assets by path static/media/*.svg 2.56 MiB 4 assets
assets by path static/media/*.eot 615 KiB 4 assets
assets by path static/media/*.woff 602 KiB 4 assets
assets by path static/media/*.ttf 614 KiB 4 assets
+ 1 asset
assets by path static/js/*.js 9.69 MiB
asset static/js/bundle.js 8.49 MiB [emitted] (name: main) 1 related asset
asset static/js/src_app_modules_accounts_AccountPage_tsx.chunk.js 370 KiB [emitted] 1 related asset
asset static/js/src_app_modules_apps_user-management_UsersPage_tsx.chunk.js 180 KiB [emitted] 1 related asset
asset static/js/vendors-node_modules_react-table_index_js.chunk.js 164 KiB [emitted] (id hint: vendors) 1 related asset
asset static/js/src_app_modules_profile_ProfilePage_tsx.chunk.js 152 KiB [emitted] 1 related asset
+ 3 assets
asset asset-manifest.json 4.41 KiB [emitted]
asset index.html 1.65 KiB [emitted]
orphan modules 369 KiB [orphan] 260 modules
runtime modules 31.8 KiB 17 modules
javascript modules 7.88 MiB
modules by path ./node_modules/ 4.24 MiB 625 modules
modules by path ./src/ 3.64 MiB 307 modules
./util.inspect (ignored) 15 bytes [built] [code generated]
asset modules 714 bytes (javascript) 4.36 MiB (asset)
modules by path ./src/_metronic/assets/keenicons/ 504 bytes (javascript) 4.05 MiB (asset) 12 modules
modules by path ./src/_metronic/assets/fonticon/ 210 bytes (javascript) 324 KiB (asset) 5 modules
json modules 20 KiB
./src/_metronic/i18n/messages/de.json 3.37 KiB [built] [code generated]
./src/_metronic/i18n/messages/en.json 3.32 KiB [built] [code generated]
./src/_metronic/i18n/messages/es.json 3.39 KiB [built] [code generated]
+ 3 modules

WARNING in ./src/_metronic/assets/sass/plugins.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/plugins.scss)
Module Warning (from ./node_modules/react-scripts/node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
webpack or the upstream loader did not supply a source-map
@ ./src/_metronic/assets/sass/plugins.scss 8:6-467 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-437 77:0-437 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 23:0-46

WARNING in ./src/_metronic/assets/sass/style.react.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.react.scss)
Module Warning (from ./node_modules/react-scripts/node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
webpack or the upstream loader did not supply a source-map
@ ./src/_metronic/assets/sass/style.react.scss 8:6-471 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-441 77:0-441 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 12:0-50

WARNING in ./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.scss)
Module Warning (from ./node_modules/react-scripts/node_modules/resolve-url-loader/index.js):
resolve-url-loader: webpack misconfiguration
webpack or the upstream loader did not supply a source-map
@ ./src/_metronic/assets/sass/style.scss 8:6-465 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-435 77:0-435 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 22:0-44

3 warnings have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

ERROR in ./src/_metronic/assets/sass/plugins.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/plugins.scss)
Module Error (from ./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js):
Cannot read properties of undefined (reading 'indexOf')
@ ./src/_metronic/assets/sass/plugins.scss 8:6-467 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-437 77:0-437 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 23:0-46

ERROR in ./src/_metronic/assets/sass/plugins.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/plugins.scss)
Module build failed (from ./node_modules/react-scripts/node_modules/resolve-url-loader/index.js):
Error: resolve-url-loader: error processing CSS
PostCSS received undefined instead of CSS string
at new Input (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/node_modules/postcss/lib/input.js:38:13)
at encodeError (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/index.js:287:12)
at onFailure (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/index.js:228:14)
@ ./src/_metronic/assets/sass/plugins.scss 8:6-467 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-437 77:0-437 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 23:0-46

ERROR in ./src/_metronic/assets/sass/style.react.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.react.scss)
Module Error (from ./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js):
Cannot read properties of undefined (reading 'indexOf')
@ ./src/_metronic/assets/sass/style.react.scss 8:6-471 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-441 77:0-441 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 12:0-50

ERROR in ./src/_metronic/assets/sass/style.react.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.react.scss)
Module build failed (from ./node_modules/react-scripts/node_modules/resolve-url-loader/index.js):
Error: resolve-url-loader: error processing CSS
PostCSS received undefined instead of CSS string
at new Input (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/node_modules/postcss/lib/input.js:38:13)
at encodeError (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/index.js:287:12)
at onFailure (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/index.js:228:14)
@ ./src/_metronic/assets/sass/style.react.scss 8:6-471 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-441 77:0-441 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 12:0-50

ERROR in ./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.scss)
Module Error (from ./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js):
Cannot read properties of undefined (reading 'indexOf')
@ ./src/_metronic/assets/sass/style.scss 8:6-465 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-435 77:0-435 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 22:0-44

ERROR in ./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/react-scripts/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/_metronic/assets/sass/style.scss)
Module build failed (from ./node_modules/react-scripts/node_modules/resolve-url-loader/index.js):
Error: resolve-url-loader: error processing CSS
PostCSS received undefined instead of CSS string
at new Input (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/node_modules/postcss/lib/input.js:38:13)
at encodeError (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/index.js:287:12)
at onFailure (/Users/navyasreepinjalavenkateswararao/Desktop/metronic_react_v8.2.0_demo1 (2)/node_modules/react-scripts/node_modules/resolve-url-loader/index.js:228:14)
@ ./src/_metronic/assets/sass/style.scss 8:6-465 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-435 77:0-435 78:22-29 78:33-47 78:50-64 55:4-68:5
@ ./src/index.tsx 22:0-44

3 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.89.0 compiled with 6 errors and 3 warnings in 11134 ms
No issues found.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(