[GH-ISSUE #270] Getting error when running dev CMD #72

New issue

Closed

opened 2026-05-06 12:36:59 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-06 12:36:59 +02:00

Owner

Originally created by @faizanibneadil on GitHub (Mar 5, 2026).
Original GitHub issue: https://github.com/cloudflare/vinext/issues/270

I'm getting this error after running pnpm run dev:vinext CMD


> portfolio@0.1.0 dev:vinext /Users/moizali/Documents/user
> vite dev --port 3001

[vinext] next.config option "webpack" is not yet supported and will be ignored

  VITE v7.3.1  ready in 1996 ms

  ➜  Local:   http://localhost:3001/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
[vite] connected.
6:42:41 AM [vite] Internal server error: Unknown file extension ".css" for /Users/moizali/Documents/user/node_modules/.pnpm/react-image-crop@10.1.8_react@19.2.4/node_modules/react-image-crop/dist/ReactCrop.css
      at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:219:9)
      at defaultGetFormat (node:internal/modules/esm/get_format:245:36)
      at defaultLoad (node:internal/modules/esm/load:95:16)
      at ModuleLoader.load (node:internal/modules/esm/loader:801:12)
      at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:586:43)
      at #createModuleJob (node:internal/modules/esm/loader:610:36)
      at #getJobFromResolveResult (node:internal/modules/esm/loader:341:34)
      at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:309:41)
6:42:41 AM [vite] Internal server error: Unknown file extension ".css" for /Users/moizali/Documents/user/node_modules/.pnpm/react-image-crop@10.1.8_react@19.2.4/node_modules/react-image-crop/dist/ReactCrop.css
      at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:219:9)
      at defaultGetFormat (node:internal/modules/esm/get_format:245:36)
      at defaultLoad (node:internal/modules/esm/load:95:16)
      at ModuleLoader.load (node:internal/modules/esm/loader:801:12)
      at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:586:43)
      at #createModuleJob (node:internal/modules/esm/loader:610:36)
      at #getJobFromResolveResult (node:internal/modules/esm/loader:341:34)
      at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:309:41) (x2)```

Second when I'm changing my postcss.config.mjs to postcss.config.cjs getting different error

➜ press h + enter to show help
(node:7307) Warning: Failed to load the ES module: /Users/moizali/Documents/user/postcss.config.cjs. Make sure to set "type": "module" in the nearest package.json file or use the .mjs extension.
[vite] connected.
6:54:23 AM [vite] Internal server error: Failed to load PostCSS config (searchPath: /Users/moizali/Documents/user): [SyntaxError] Unexpected token 'export'
/Users/moizali/Documents/user/postcss.config.cjs:8
export default config;
^^^^^^

SyntaxError: Unexpected token 'export'
at wrapSafe (node:internal/modules/cjs/loader:1638:18)
at Module._compile (node:internal/modules/cjs/loader:1680:20)
at Object..js (node:internal/modules/cjs/loader:1839:10)
at Module.load (node:internal/modules/cjs/loader:1441:32)
at Function.load (node:internal/modules/cjs/loader:1263:12)
at TracingChannel.traceSync (node:diagnostics_channel:322:14)
at wrapModuleLoad (node:internal/modules/cjs/loader:237:24)
at cjsLoader (node:internal/modules/esm/translators:268:5)
at ModuleWrap. (node:internal/modules/esm/translators:202:7)
at ModuleJob.run (node:internal/modules/esm/module_job:345:25)
Plugin: vite:css
File: /Users/moizali/Documents/user/node_modules/.pnpm/@payloadcms+next@3.78.0@types+react@19.2.14_graphql@16.13.0_monaco-editor@0.55.1_next@_96d9984cfe399dd2aa4553fc57931767/node_modules/@payloadcms/next/dist/prod/styles.css
6:54:23 AM [vite] Internal server error: Failed to load PostCSS config (searchPath: /Users/moizali/Documents/user): [SyntaxError] Unexpected token 'export'
/Users/moizali/Documents/user/postcss.config.cjs:8
export default config;
^^^^^^

SyntaxError: Unexpected token 'export'
at wrapSafe (node:internal/modules/cjs/loader:1638:18)
at Module._compile (node:internal/modules/cjs/loader:1680:20)
at Object..js (node:internal/modules/cjs/loader:1839:10)
at Module.load (node:internal/modules/cjs/loader:1441:32)
at Function.load (node:internal/modules/cjs/loader:1263:12)
at TracingChannel.traceSync (node:diagnostics_channel:322:14)
at wrapModuleLoad (node:internal/modules/cjs/loader:237:24)
at cjsLoader (node:internal/modules/esm/translators:268:5)
at ModuleWrap. (node:internal/modules/esm/translators:202:7)
at ModuleJob.run (node:internal/modules/esm/module_job:345:25)
Plugin: vite:css
File: /Users/moizali/Documents/user/node_modules/.pnpm/@payloadcms+next@3.78.0@types+react@19.2.14_graphql@16.13.0_monaco-editor@0.55.1_next@_96d9984cfe399dd2aa4553fc57931767/node_modules/@payloadcms/next/dist/prod/styles.css (x2)
6:54:23 AM [vite] Internal server error: Failed to load PostCSS config (searchPath: /Users/moizali/Documents/user): [SyntaxError] Unexpected token 'export'
/Users/moizali/Documents/user/postcss.config.cjs:8
export default config;
^^^^^^

Originally created by @faizanibneadil on GitHub (Mar 5, 2026). Original GitHub issue: https://github.com/cloudflare/vinext/issues/270 I'm getting this error after running pnpm run dev:vinext CMD ```pnpm run dev:vinext > portfolio@0.1.0 dev:vinext /Users/moizali/Documents/user > vite dev --port 3001 [vinext] next.config option "webpack" is not yet supported and will be ignored VITE v7.3.1 ready in 1996 ms ➜ Local: http://localhost:3001/ ➜ Network: use --host to expose ➜ press h + enter to show help [vite] connected. 6:42:41 AM [vite] Internal server error: Unknown file extension ".css" for /Users/moizali/Documents/user/node_modules/.pnpm/react-image-crop@10.1.8_react@19.2.4/node_modules/react-image-crop/dist/ReactCrop.css at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:219:9) at defaultGetFormat (node:internal/modules/esm/get_format:245:36) at defaultLoad (node:internal/modules/esm/load:95:16) at ModuleLoader.load (node:internal/modules/esm/loader:801:12) at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:586:43) at #createModuleJob (node:internal/modules/esm/loader:610:36) at #getJobFromResolveResult (node:internal/modules/esm/loader:341:34) at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:309:41) 6:42:41 AM [vite] Internal server error: Unknown file extension ".css" for /Users/moizali/Documents/user/node_modules/.pnpm/react-image-crop@10.1.8_react@19.2.4/node_modules/react-image-crop/dist/ReactCrop.css at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:219:9) at defaultGetFormat (node:internal/modules/esm/get_format:245:36) at defaultLoad (node:internal/modules/esm/load:95:16) at ModuleLoader.load (node:internal/modules/esm/loader:801:12) at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:586:43) at #createModuleJob (node:internal/modules/esm/loader:610:36) at #getJobFromResolveResult (node:internal/modules/esm/loader:341:34) at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:309:41) (x2)``` Second when I'm changing my postcss.config.mjs to postcss.config.cjs getting different error ``` ➜ press h + enter to show help (node:7307) Warning: Failed to load the ES module: /Users/moizali/Documents/user/postcss.config.cjs. Make sure to set "type": "module" in the nearest package.json file or use the .mjs extension. [vite] connected. 6:54:23 AM [vite] Internal server error: Failed to load PostCSS config (searchPath: /Users/moizali/Documents/user): [SyntaxError] Unexpected token 'export' /Users/moizali/Documents/user/postcss.config.cjs:8 export default config; ^^^^^^ SyntaxError: Unexpected token 'export' at wrapSafe (node:internal/modules/cjs/loader:1638:18) at Module._compile (node:internal/modules/cjs/loader:1680:20) at Object..js (node:internal/modules/cjs/loader:1839:10) at Module.load (node:internal/modules/cjs/loader:1441:32) at Function._load (node:internal/modules/cjs/loader:1263:12) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:237:24) at cjsLoader (node:internal/modules/esm/translators:268:5) at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:202:7) at ModuleJob.run (node:internal/modules/esm/module_job:345:25) Plugin: vite:css File: /Users/moizali/Documents/user/node_modules/.pnpm/@payloadcms+next@3.78.0_@types+react@19.2.14_graphql@16.13.0_monaco-editor@0.55.1_next@_96d9984cfe399dd2aa4553fc57931767/node_modules/@payloadcms/next/dist/prod/styles.css 6:54:23 AM [vite] Internal server error: Failed to load PostCSS config (searchPath: /Users/moizali/Documents/user): [SyntaxError] Unexpected token 'export' /Users/moizali/Documents/user/postcss.config.cjs:8 export default config; ^^^^^^ SyntaxError: Unexpected token 'export' at wrapSafe (node:internal/modules/cjs/loader:1638:18) at Module._compile (node:internal/modules/cjs/loader:1680:20) at Object..js (node:internal/modules/cjs/loader:1839:10) at Module.load (node:internal/modules/cjs/loader:1441:32) at Function._load (node:internal/modules/cjs/loader:1263:12) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:237:24) at cjsLoader (node:internal/modules/esm/translators:268:5) at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:202:7) at ModuleJob.run (node:internal/modules/esm/module_job:345:25) Plugin: vite:css File: /Users/moizali/Documents/user/node_modules/.pnpm/@payloadcms+next@3.78.0_@types+react@19.2.14_graphql@16.13.0_monaco-editor@0.55.1_next@_96d9984cfe399dd2aa4553fc57931767/node_modules/@payloadcms/next/dist/prod/styles.css (x2) 6:54:23 AM [vite] Internal server error: Failed to load PostCSS config (searchPath: /Users/moizali/Documents/user): [SyntaxError] Unexpected token 'export' /Users/moizali/Documents/user/postcss.config.cjs:8 export default config; ^^^^^^ SyntaxError: Unexpected token 'export' at wrapSafe (node:internal/modules/cjs/loader:1638:18) at Module._compile (node:internal/modules/cjs/loader:1680:20) at Object..js (node:internal/modules/cjs/loader:1839:10) at Module.load (node:internal/modules/cjs/loader:1441:32) at Function._load (node:internal/modules/cjs/loader:1263:12) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:237:24) at cjsLoader (node:internal/modules/esm/translators:268:5) at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:202:7) at ModuleJob.run (node:internal/modules/esm/module_job:345:25) Plugin: vite:css File: /Users/moizali/Documents/user/node_modules/.pnpm/@payloadcms+next@3.78.0_@types+react@19.2.14_graphql@16.13.0_monaco-editor@0.55.1_next@_96d9984cfe399dd2aa4553fc57931767/node_modules/@payloadcms/next/dist/prod/styles.css (x3)```