Npm run serve vue ошибка

Version

4.1.1

Environment info

System:
    OS: Windows 7 6.1.7601
    CPU: (4) x64 Intel(R) Core(TM) i5-4200U CPU @ 1.60GHz
  Binaries:
    Node: 10.14.2 - C:Program Filesnodejsnode.EXE
    Yarn: Not Found
    npm: 6.5.0 - C:Program Filesnodejsnpm.CMD
  npmGlobalPackages:
    @vue/cli: Not Found

@vue/cli 4.1.1 is actually installed globally and vue command is available.

Steps to reproduce

Create a project using vue create

• vue create my-project

Go the directory my-project

• cd my-project

Run my-project with serve

• npm run serve

What is expected?

The project should start in development mode with hot reload.

What is actually happening?

The command terminates without starting anything.
If we run vue serve instead of npm run serve, it errors out the following in the terminal and exits:

Failed to locate entry file in my/project/directory/path.
Valid entry file should be one of: main.js, index.js, App.vue or app.vue.

So I am assuming npm run serve tries to find either of the above mentioned files but is not able to find any and hence terminates. The reason is, none of the «entry» files are in the project’s root directory but inside the src directory.

While are you trying to run npm run serve, then you will get ‘vue-cli-service’ is not recognized as an internal or external command this error. Let us take a look at every solution.

In this article, we will discuss about this ‘vue-cli-service’ is not recognized as an internal or external command error in VueJs. And how to resolve the error all the possible solutions with examples.

How ‘vue-cli-service’ is not recognized as an internal or external command Error Occurs?

Most of the time you get this error when are you trying to run npm run serve.

'vue-cli-service' is not recognized as an internal or external command

How To Fix ‘vue-cli-service’ is not recognized as an internal or external command Error?

There are different ways to fix ‘vue-cli-service’ is not recognized as an internal or external command this error. Let us take a look at every solution.

• How To Fix ‘vue-cli-service’ is not recognized as an internal or external command Error?

For the solve ‘vue-cli-service’ is not recognized as an internal or external command error First you have to package name change from vue-cli to @vue/cli. If you have the previous vue-cli then uninstall vue-cli And install @vue/cli-service and @vue/cli both globally by running this command below. I hope your error will be solved.

• ‘vue-cli-service’ is not recognized as an internal or external command

You need to delete node_modules first then run npm install and then run the serve command: npm run serve. If that didn’t help then you have to delete your file node_modules and package-lock.json by below the command. Then clear npm cache by running this command: npm cache clean –force then run npm install. Now, I hope your error will be solved.

Solution 1: Install vue-cli

If you have vue-cli then you have to uninstall old vue-cli by running this command:

# uninstall old vue cli
npm uninstall vue-cli -g

And then install @vue/cli-service and @vue/cli globally by running this command:

# install @vue/cli-service and @vue/cli globally
npm install -g @vue/cli-service
npm install -g @vue/cli

Now, you can run the serve command.

npm run serve

Now, I hope your error will be solved. If the error is not resolved, try to below solution.

Solution 2: npm run

For the solve this error this way first you have to delete node-modules. Then run npm by below the command:

npm install

Then run serve

npm run serve

If didn’t help the fix your error. Then try to this solution.

Solution 3: Follow this

To solve this error try to delete your node_modules and package-lock.jsonfile by below this command:

# 👇️ delete node_modules and package-lock.json
rm -rf node_modules
rm -f package-lock.json

Then clear your npm cache by this command:

# 👇️ clean npm cache
npm cache clean --force

Then install npm by this command:

npm install

Now, I hope your error will be solved.

Conclusion

In this article, we have discussed what causes the error and we have discussed ways to fix the error.

we hope this article has been informative. Thank you for reading. Kindly comment and let us know if you found it helpful.

Ошибка:
> vuehello@0.1.0 serve
> vue-cli-service serve

INFO Starting development server…
10% building 2/4 modules 2 active C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpackhotdev-server.jsError: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:67:19)
at Object.createHash (node:crypto:130:10)
at module.exports (C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibutilcreateHash.js:135:53)
at NormalModule._initBuildHash (C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:417:16)
at handleParseError (C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:471:10)
at C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:503:5
at C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:358:12
at C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:373:3
at iterateNormalLoaders (C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:214:10)
at iterateNormalLoaders (C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:221:10)
at C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:236:3
at runSyncOrAsync (C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:130:11)
at iterateNormalLoaders (C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:232:2)
at Array. (C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:205:4)
at Storage.finished (C:UsersomaraOneDriveРабочий столvuejsnode_modulesenhanced-resolvelibCachedInputFileSystem.js:55:16)
at C:UsersomaraOneDriveРабочий столvuejsnode_modulesenhanced-resolvelibCachedInputFileSystem.js:91:9
node:internal/crypto/hash:67
this[kHandle] = new _Hash(algorithm, xofLen);
^

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:67:19)
at Object.createHash (node:crypto:130:10)
at module.exports (C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibutilcreateHash.js:135:53)
at NormalModule._initBuildHash (C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:417:16)
at handleParseError (C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:471:10)
at C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:503:5
at C:UsersomaraOneDriveРабочий столvuejsnode_moduleswebpacklibNormalModule.js:358:12
at C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:373:3
at iterateNormalLoaders (C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:214:10)
at Array. (C:UsersomaraOneDriveРабочий столvuejsnode_modulesloader-runnerlibLoaderRunner.js:205:4)
at Storage.finished (C:UsersomaraOneDriveРабочий столvuejsnode_modulesenhanced-resolvelibCachedInputFileSystem.js:55:16)
at C:UsersomaraOneDriveРабочий столvuejsnode_modulesenhanced-resolvelibCachedInputFileSystem.js:91:9
at C:UsersomaraOneDriveРабочий столvuejsnode_modulesgraceful-fsgraceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error’ ],
library: ‘digital envelope routines’,
reason: ‘unsupported’,
code: ‘ERR_OSSL_EVP_UNSUPPORTED’
}

Node.js v17.1.0

Package.json:
{
«name»: «vuehello»,
«version»: «0.1.0»,
«private»: true,
«scripts»: {
«serve»: «vue-cli-service serve»,
«build»: «vue-cli-service build»
},
«dependencies»: {
«core-js»: «^3.6.5»,
«vue»: «^3.0.0»,
«vue-router»: «^4.0.0-0»,
«vuex»: «^4.0.0-0»
},
«devDependencies»: {
«@vue/cli-plugin-babel»: «~4.5.0»,
«@vue/cli-plugin-router»: «~4.5.0»,
«@vue/cli-plugin-vuex»: «~4.5.0»,
«@vue/cli-service»: «~4.5.0»,
«@vue/compiler-sfc»: «^3.0.0»
},
«browserslist»: [
«> 1%»,
«last 2 versions»,
«not dead»
]