Error: Cannot find module 'D:\xampp81\htdocs\one_page_unite_vue\node_modules\cross-env\dist\bin\cross-env.js'

When trying to run vue: npm run dev

		D:\xampp81\htdocs\one_page_unite_vue>npm run dev

	> dev
	> node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/		bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

	node:internal/modules/cjs/loader:1146
	throw err;
	^

	Error: Cannot find module 'D:\xampp81\htdocs\one_page_unite_vue\node_modules\cross-env\dist\bin\cross-env.js'
	at Module._resolveFilename (node:internal/modules/cjs/loader:1143:15)
	at Module._load (node:internal/modules/cjs/loader:984:27)
	at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
	at node:internal/main/run_main_module:28:49 {
	code: 'MODULE_NOT_FOUND',
	requireStack: []
	}

	Node.js v20.12.2

Any idea why?

I did try the solution in the ref but still the same error appeared. ref: https://stackoverflow.com/questions/48840341/cross-env-is-not-recognized-as-an-internal-or-external-command

LaryAI

1 year ago

Level 58

The error you're encountering indicates that the cross-env module is missing from your node_modules directory. This can happen for a few reasons, such as an incomplete installation or a missing dependency in your package.json.

Here are the steps to resolve this issue:

Ensure cross-env is listed in your package.json: Open your package.json file and make sure cross-env is listed under devDependencies or dependencies.
```
{
  "devDependencies": {
    "cross-env": "^7.0.3"
  }
}
```
Reinstall Node Modules: Sometimes, simply reinstalling the node modules can resolve the issue. Run the following commands in your project directory:
```
rm -rf node_modules
npm install
```
This will remove the existing node_modules directory and reinstall all dependencies listed in your package.json.
Install cross-env Manually: If cross-env is not listed in your package.json, you can install it manually:
```
npm install --save-dev cross-env
```
Check for Global Installation Issues: Ensure that there are no conflicts with globally installed packages. Sometimes, globally installed packages can interfere with local ones. You can check for globally installed packages using:
```
npm list -g --depth=0
```
Clear NPM Cache: If the above steps do not work, you might need to clear the npm cache:
```
npm cache clean --force
```
Check Node.js and NPM Versions: Ensure that you are using compatible versions of Node.js and npm. Sometimes, version mismatches can cause issues. You can check your versions using:
```
node -v
npm -v
```
If needed, update Node.js and npm to the latest stable versions.

After following these steps, try running your development server again:

npm run dev

This should resolve the Cannot find module 'cross-env' error. If the problem persists, please provide additional details about your environment and any error messages you receive.

davy_yg

1 year ago

Level 27

After trying your solution, I still get the following error messages:

D:\xampp81\htdocs\one_page_unite_vue>npm run dev

dev npm run development

development cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

10% building 1/3 modules 2 active ...htdocs\one_page_unite_vue\resources\sass\app.scssError: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:80:19) at Object.createHash (node:crypto:139:10) at module.exports (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:471:10) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:503:5 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:358:12 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at iterateNormalLoaders (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:221:10) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:236:3 at runSyncOrAsync (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:130:11) at iterateNormalLoaders (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:232:2) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:186:6 at runSyncOrAsync (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:130:11) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:178:3 at loadLoader (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\loadLoader.js:47:3) at iteratePitchingLoaders (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:169:2) at iteratePitchingLoaders (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:165:10) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:188:6 at runSyncOrAsync (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:124:12) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:178:3 at loadLoader (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\loadLoader.js:47:3) at iteratePitchingLoaders (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:169:2) at runLoaders (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:365:2) at NormalModule.doBuild (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:295:3) at NormalModule.build (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:446:15) at Compilation.buildModule (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\Compilation.js:739:10) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\Compilation.js:981:14 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModuleFactory.js:409:6 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModuleFactory.js:155:13 at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (D:\xampp81\htdocs\one_page_unite_vue\node_modules\tapable\lib\HookCodeFactory.js:33:10), :6:1) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModuleFactory.js:138:29 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModuleFactory.js:346:9 at process.processTicksAndRejections (node:internal/process/task_queues:77:11) node:internal/crypto/hash:80 this[kHandle] = new _Hash(algorithm, xofLen, algorithmId, getHashCache()); ^

Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:80:19) at Object.createHash (node:crypto:139:10) at module.exports (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:417:16) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:452:10 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\NormalModule.js:323:13 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:367:11 at D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:233:18 at context.callback (D:\xampp81\htdocs\one_page_unite_vue\node_modules\loader-runner\lib\LoaderRunner.js:111:13) at D:\xampp81\htdocs\one_page_unite_vue\node_modules\babel-loader\lib\index.js:55:103 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error', 'error:0308010C:digital envelope routines::unsupported' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' }

Node.js v20.12.2

D:\xampp81\htdocs\one_page_unite_vue>

ref: https://stackoverflow.com/questions/69692842/error-message-error0308010cdigital-envelope-routinesunsupported

davy_yg

1 year ago

Level 27

D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack-cli\bin\cli.js:281 throw err; ^

Error:

Vue packages version mismatch:

[email protected] (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue\index.js)
[email protected] (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue-template-compiler\package.json)

This may cause things to work incorrectly. Make sure to use the same version for both. If you are using vue-loader@>=10.0, simply update vue-template-compiler. If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

at Object.<anonymous> (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue-template-compiler\index.js:10:9)
at Module._compile (D:\xampp81\htdocs\one_page_unite_vue\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
at Module._extensions..js (node:internal/modules/cjs/loader:1427:10)
at Module.load (node:internal/modules/cjs/loader:1206:32)
at Module._load (node:internal/modules/cjs/loader:1022:12)
at Module.require (node:internal/modules/cjs/loader:1231:19)
at require (D:\xampp81\htdocs\one_page_unite_vue\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at loadFromContext (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue-loader\lib\compiler.js:30:10)
at loadTemplateCompiler (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue-loader\lib\compiler.js:37:12)
at exports.resolveCompiler (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue-loader\lib\compiler.js:25:23)
at VueLoaderPlugin.apply (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue-loader\lib\plugin-webpack4.js:91:22)
at VueLoaderPlugin.apply (D:\xampp81\htdocs\one_page_unite_vue\node_modules\vue-loader\lib\plugin.js:13:16)
at webpack (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\lib\webpack.js:51:13)
at processOptions (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack-cli\bin\cli.js:272:16)
at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack-cli\bin\cli.js:364:3
at Object.parse (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack-cli\node_modules\yargs\yargs.js:576:18)
at D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack-cli\bin\cli.js:49:8
at Object.<anonymous> (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack-cli\bin\cli.js:366:3)
at Module._compile (node:internal/modules/cjs/loader:1369:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1427:10)
at Module.load (node:internal/modules/cjs/loader:1206:32)
at Module._load (node:internal/modules/cjs/loader:1022:12)
at Module.require (node:internal/modules/cjs/loader:1231:19)
at require (node:internal/modules/helpers:179:18)
at Object.<anonymous> (D:\xampp81\htdocs\one_page_unite_vue\node_modules\webpack\bin\webpack.js:156:2)
at Module._compile (node:internal/modules/cjs/loader:1369:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1427:10)
at Module.load (node:internal/modules/cjs/loader:1206:32)
at Module._load (node:internal/modules/cjs/loader:1022:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
at node:internal/main/run_main_module:28:49

Node.js v20.12.2

I am using vue loader vesion 15. Now, my problem is I am using vue 3.4, whereas "vue-template-compiler": "^2.7.16" (I heard this is the latest version - https://www.npmjs.com/package/vue-template-compiler)

I don't want my vue is < 3.0 version, meanwhile I cannot upgrade vue-template-compiler to >3.0.

ref: https://stackoverflow.com/questions/43397688/how-do-i-fix-a-vue-packages-version-mismatch-error-on-laravel-spark-v4-0-9

Please or to participate in this conversation.