设为首页收藏本站

开启辅助访问

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

您所在的位置：网站首页 › 静波楞严经开示50种阴魔 › Node.js未安装导致Vue运行项目无法使用npm命令运行

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

2024-02-23 01:12| 来源: 网络整理| 查看: 265

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

异常描述首先我通过npm run dev 准备启动 Vue项目，但是却报出了这个错误👇

在这里插入图片描述

run : 无法将“run”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置行:1 字符: 1 + ~~~ + CategoryInfo : ObjectNotFound: (run:String) [], CommandNotFoundException + npm run dev + ~~~ 这个是Vue项目，其是基于Node.js环境来运行的，所以读者若是遇到这个问题可以打开带有管理员权限的PowerShell，然后输入以下命令 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:

【本文地址】

今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网版权所有豫ICP备15022753号-3