Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Cant run project with latest React Vite Tailwind version

i am trying to run the latest version of the dashboard for the first time using React Vite Tailwind but I keep getting this error

$ npm run dev

metronic-vite@9.2.3 dev vite

C:\Users\test\Downloads\themeforest-1djSMjx2-metronic-responsive-admin-dashboard-template\metronic-v9.2.3\metronic-react\typescript\vite\node_modules\vite\node_modules\rollup\dist\native.js:64 throw new Error( ^

Error: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try npm i again after removing both package-lock.json and node_modules directory. at requireWithFriendlyError (C:\Users\test\Downloads\themeforest-1djSMjx2-metronic-responsive-admin-dashboard-template\metronic-v9.2.3\metronic-react\typescript\vite\node_modules\vite\node_modules\rollup\dist\native.js:64:9) at Object. (C:\Users\test\Downloads\themeforest-1djSMjx2-metronic-responsive-admin-dashboard-template\metronic-v9.2.3\metronic-react\typescript\vite\node_modules\vite\node_modules\rollup\dist\native.js:73:76) at Module._compile (node:internal/modules/cjs/loader:1554:14) at Object..js (node:internal/modules/cjs/loader:1706:10) at Module.load (node:internal/modules/cjs/loader:1289:32) at Function._load (node:internal/modules/cjs/loader:1108:12) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:220:24) at cjsLoader (node:internal/modules/esm/translators:262:5) at ModuleWrap. (node:internal/modules/esm/translators:196:7) { [cause]: Error: Cannot find module '@rollup/rollup-win32-x64-msvc' Require stack:

  • C:\Users\test\Downloads\themeforest-1djSMjx2-metronic-responsive-admin-dashboard-template\metronic-v9.2.3\metronic-react\typescript\vite\node_modules\vite\node_modules\rollup\dist\native.js at Function._resolveFilename (node:internal/modules/cjs/loader:1225:15) at Function._load (node:internal/modules/cjs/loader:1055:27) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:220:24) at Module.require (node:internal/modules/cjs/loader:1311:12) at require (node:internal/modules/helpers:136:16) at requireWithFriendlyError (C:\Users\test\Downloads\themeforest-1djSMjx2-metronic-responsive-admin-dashboard-template\metronic-v9.2.3\metronic-react\typescript\vite\node_modules\vite\node_modules\rollup\dist\native.js:46:10) at Object. (C:\Users\test\Downloads\themeforest-1djSMjx2-metronic-responsive-admin-dashboard-template\metronic-v9.2.3\metronic-react\typescript\vite\node_modules\vite\node_modules\rollup\dist\native.js:73:76) at Module._compile (node:internal/modules/cjs/loader:1554:14) at Object..js (node:internal/modules/cjs/loader:1706:10) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\Users\test\Downloads\themeforest-1djSMjx2-metronic-responsive-admin-dashboard-template\metronic-v9.2.3\metronic-react\typescript\vite\node_modules\vite\node_modules\rollup\dist\native.js' ] } }
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

Hi,

  1. Please make sure you use latest Node.js.

  2. Also need to installa the packages with force flag: "npm install --force".

  3. Follow https://docs.keenthemes.com/metronic-react/getting-started/installation guide to get started.

If you need any further help please do let us know.

Regards, Sean

Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(