当前位置: 首页 > news >正文

Vue安装及首次运行报错的相关问题解决方案

    下载安装可以参考其他博文,已经很详细。本文主要面对新手首次安装和使用IDEA等开发工具运行中可能会出现的问题,提一些个人经验上的解决方案。

环境变量未保存

    配置环境变量时有一个细节,即在退出返回途中,应当点击窗口中的“确定”,这样更新的环境变量才会保存,而后会关闭窗口。当环境变量未保存时,打开命令提示符(cmd和powershell都可以),输入相关指令是没有相关反应的:

node -v
npm -v

    确认保存了系统变量之后,如果还不能运行,请检查环境变量是否正确配置。配置环境变量需要注意写上你自己使用的安装路径,不是跟网上教程里的一模一样。

Vue相关组件未下载全

     vue的几个组件里,因为名字相近且都是一串英文,在下载组件时可能看漏了某个组件,导致没有下载,下面是全部模块:

安装vue.js

npm install vue -g

安装webpack

npm install webpack -g

安装webpack-cli(在webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli)

npm install webpack-cli -g

安装脚手架vue-cli 

npm install vue-cli -g

安装vue-router

npm install vue-router -g

     

开发工具在%PATH%中未找到可执行的node解释器

    如果只是你在命令提示符中可以正常使用npm -v等指令,但是开发工具却显示找不到node解释器,

1.先检查环境变量的书写,如果目录路径以 "\" 为结尾,将其删除。

2.重启电脑,系统变量等部分系统设置可能需要重启才生效。

    如果还不能找到,请检查自己设备的相关运行环境,是否设置了隔离(例如开发工具和vue文件不同盘,等等),导致出现该情况的问题比较复杂,视个人设备情况决定。

EPERM权限不足

    当上述问题都没有,使用开发工具构建一个新的vue项目时,控制台报了一大段错误信息时,看报错的第一行是否为:npm error code EPERM

    如果是,说明开发工具当前的权限不够使用node.js相关文件。首先以管理员身份运行开发工具:

    如果你的项目不允许你使用管理员账户,请来到Node的安装目录 

右击目录->属性->安全,检查你的账户是否有访问权限。

相关文章:

  • 二叉树(堆)
  • CentOS系统下安装tesseract-ocr5.x版本
  • Node.js 包与 npm 详解:概念、作用及完整使用指南
  • Android14 系统左右声音通道设置代码
  • 今天你学C++了吗?——二叉搜索树
  • 深入理解Python闭包与递归:原理、应用与实践
  • java项目之基于ssm的少儿编程在线培训系统(源码+文档)
  • 《K230 从熟悉到...》屏幕手画板
  • AI 原生 IDE Trae 深度体验:SSHremote 功能如何重新定义远程开发与云原生部署
  • 项目-苍穹外卖(九) 店铺营业状态设置+HttpClient
  • Node.js模块:使用 Bull 打造高效的任务队列系统
  • SQL Server数据库简介及应用
  • 网络空间安全专业发展历程及开设院校
  • 【SpringBatch】03步骤对象 (Step)控制与执行流程设计
  • 学习记录 6 pointnet复现
  • 【深度学习量化交易18】盘前盘后回调机制设计与实现——基于miniQMT的量化交易回测系统开发实记
  • 美团Leaf分布式ID生成器使用教程:号段模式与Snowflake模式详解
  • 《UNIX网络编程卷1:套接字联网API》第2章 传输层:TCP、UDP和SCTP
  • [入门]NUC13配置Ubuntu20.04详细步骤
  • 三分钟掌握视频分辨率修改 | 在 Rust 中优雅地使用 FFmpeg
  • 沪喀同心|为新疆青少年提供科普大餐,“小小博物家(喀什版)”启动
  • 四部门:强化汛期农业防灾减灾,奋力夺取粮食和农业丰收
  • 加拿大总理宣布新内阁名单
  • 兰州大学教授安成邦加盟复旦大学中国历史地理研究所
  • 新剧|《藏海传》定档,《折腰》《人生若如初见》今日开播
  • 牟海松任国家信访局副局长