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 小时前
Options API(选项式 API) 和 Composition API(组合式 API)
前端·vue.js·面试
光影少年2 天前
react批量更新、同步/异步更新场景
前端·react.js·掘金·金石计划
光影少年3 天前
React 合成事件机制、和原生事件区别、事件冒泡阻止
前端·react.js·掘金·金石计划
秃头网友小李3 天前
前端难点:keep-alive 缓存什么?RouterView 的 key 为什么要带 scopeId?
前端·vue.js
徐小夕3 天前
JitWord 3.0 正式发布,高精度Word异构解析+复杂组件兼容,打造web端协同Word编辑器
前端·vue.js·算法
奋斗吧程序媛4 天前
补充一个小知识点:有关@click.native
前端·vue.js
英勇无比的消炎药4 天前
一行命令背后:TinyRobot CLI 如何重构 AI 对话接入的效率范式
vue.js·aigc
jay神4 天前
基于 FastAPI + Vue 的宠物领养管理系统
前端·vue.js·python·毕业设计·fastapi·宠物
一杯奶茶¥4 天前
水果销售网站 CRM客户信息管理系统 超市管理系 酒店管理系统 健身房管理系统 在线音乐网站 校园招聘系统
java·vue.js·spring boot·mysql·spring·java项目
英勇无比的消炎药4 天前
一站式搞定品牌风格:TinyRobot 主题定制从入门到精通
vue.js