Node.js未安装导致Vue运行项目无法使用npm命令运行

今日,在Gitee上拉下前端的项目准备运行测试时,在启动前端项目时遇到了一些问题,故作此记录✍

异常描述

  • 首先我通过npm run dev 准备启动 Vue项目,但是却报出了这个错误👇
shell 复制代码
run : 无法将"run"项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
所在位置 行:1 字符: 1
+ ~~~
    + CategoryInfo          : ObjectNotFound: (run:String) [], CommandNotFoundException
+ npm run dev
+ ~~~
  • 这个是Vue项目,其是基于Node.js环境来运行的,所以读者若是遇到这个问题可以打开 带有管理员权限的PowerShell,然后输入以下命令
shell 复制代码
npm -v
  • 但如果你出现的是以下结果的话,代表你的电脑中未安装Node.js,问题就出在这里!

👉 通过排查我们可以知道原来是Node.js未安装导致的

解决方案

1、安装 Node.js

首先我们要去 Node.js 中文网 下载Node.js,因为Vue是基于它运行的,所以没有这个运行环境的话我们的Vue项目是运行不起来的

  • 读者按照自己电脑的版本和对应的系统下载对应的版本即可
  • 接下去就会有一个微软的程序安装文件(以.msi结尾的文件)
  • 最后在安装完后就会出现以下这些东西了

但是就现在这样你去运行npm -v出来的结果还是一样哦😁 那读者就很疑惑了,这是为什么呢?

2、配置环境变量

当你安装了Node.js,也只能说明你的电脑里有它而已,但是我们在系统的其他地方去调用相关的命令时却无法得到识别,原因就在于我们没有配置环境变量

如果读者对环境变量没什么概念的话可以看看这篇文章:Linux下的环境变量

  • 配置的方法很简答,首先第一步我们要先打开【高级系统设置】-> 【环境变量】
  • 接着打开Path系统环境变量
  • 点击【新建】后输入%NODE_PATH%即可
  • 当然,如果你在安装完Node.js之后系统没有自动将其安装路径进行添加的话读者还需自己添加(一般是会自动添加上去的)
  • 很简单,只需要双击CALSSPATH然后输入对应的 变量名(NODE_PATH)变量值(Node.js的安装路径) 即可

⚠ 注意,在配置好环境变量后记得重启电脑哦, 否则配置是不会生效的

查看效果

接着我们再来看看npm命令是否可以使用了

  • 很明显可以看到npm这个命令已经可以被系统给识别到了,并且我们也查看到了Node.js的版本号
  • 那接下去就到 VSCode 中来看看我们的 Vue项目是否可以重启了呢,见证奇迹的时刻🖐

小结

从以上的排查过程我们可以看出对于一些命令而言我们需要一些特定的运行环境,就像Vue它需要再Node.js的环境中运行,并且要让我们在系统的任何位置都使用这个指令的话还需要配置相应的环境,这点也非常得重要,读者要牢记心中哦!

今日共勉,望本文对您有所帮助:rose:

相关推荐
用户66885998476611 小时前
Vue 3.0安装与使用
vue.js
前端之虎陈随易14 小时前
2年没用Nodejs了,Bun很香
linux·前端·javascript·vue.js·typescript
前端 贾公子19 小时前
解决浏览器端 globalThis is not defined 报错
前端·javascript·vue.js
光影少年20 小时前
react函数组件、类组件、纯组件、受控/非受控组件
前端·react.js·掘金·金石计划
JianZhen✓20 小时前
2026前端高频面试题总结(Vue/JS/网络/Webpack/性能优化/手写)
前端·javascript·vue.js
贫民窟的勇敢爷们21 小时前
Spring Boot+Vue电商系统开发实战:架构设计与核心实现
vue.js·spring boot·后端
李白的天不白21 小时前
webpack 与 vue-loader 版本冲突问题
前端·vue.js·webpack
光影少年2 天前
reeact虚拟DOM、Diff算法原理、key的作用与为什么不能用index
前端·react.js·掘金·金石计划
你真的快乐吗2 天前
@fuxishi/svg-icon:一个 Vue 3 svg本地图标+iconify图标组件库,让图标管理不再头疼
前端·vue.js·typescript
吴声子夜歌2 天前
Vue3——脚手架Vite
前端·javascript·vue.js·vite