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:

相关推荐
画月的亮2 小时前
element-ui 使用过程中遇到的一些问题及解决方法
javascript·vue.js·ui
Moon.92 小时前
el-table的hasChildren不生效?子级没数据还显示箭头号?树形数据无法展开和收缩
前端·vue.js·html
m0_526119402 小时前
点击el-dialog弹框跳到其他页面浏览器的滚动条消失了多了 el-popup-parent--hidden
javascript·vue.js·elementui
工业甲酰苯胺5 小时前
Vue3 基础概念与环境搭建
前端·javascript·vue.js
lyj1689975 小时前
el-tree选中数据重组成树
javascript·vue.js·elementui
柴柴的小记9 小时前
前端vue引入特殊字体不生效
前端·javascript·vue.js
bin91539 小时前
DeepSeek 助力 Vue 开发:打造丝滑的颜色选择器(Color Picker)
前端·javascript·vue.js·ecmascript·deepseek
我能熬又能学12 小时前
一文打通VUE3响应式原理及其简易实现
vue.js·前端框架·响应式设计
执念斩长河13 小时前
vue学习笔记
vue.js·笔记·学习
luoluoal14 小时前
基于JAVA的幼儿园管理系统的设计与实现源码(springboot+vue+mysql)
java·vue.js·spring boot