启动Vue-demo时引发的一系列问题—解决办法

目录

1.初始遇到的问题:输入npm run dev

1.治标的解决方法

2.治本的解决方法

第一步:检查是否安装了cnpm

第二步:手动找到cnpm目录

第三步:配置系统环境变量

第四步:查看是否安装成功


1.初始遇到的问题:输入npm run dev

App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.


这个问题对应的解决办法


1.治标的解决方法

找到你的工程文件夹里的 YourProName\node_modules\vue-loader\lib\template-compiler\index.js

//将以下代码
if (!isProduction) {code = prettier.format(code, { semi: false, parser: 'babylon' })
}//修改为:if (!isProduction) {code = prettier.format(code, { semi: false, parser: 'babel' })
}

 2.治本的解决方法

{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" } 是prettier版本导致的,

直接在项目中: cnpm install prettier@~1.12.0 -D 或者cnpm install prettier@~1.12.0 --save-dev 然后重新npm run dev

当我输入上述指令时,依旧报错,应该时cnpm没装 

解决cnpm没装的问题

第一步:检查是否安装了cnpm
npm list --depth=0 -global  //查看一下你是否安装了cnpm

 

此处并没有显示cnpm的版本信息

如果没有安装cnpm,请先安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

  

解决方法

运行 npm cache clean --force 命令将清除 npm 的缓存,然后通过 npm config set strict-ssl false 命令禁用严格的 SSL 设置,最后再次运行 npm install 命令可以尝试解决证书过期问题。以下是您提供的步骤:

清除 npm 缓存: 运行以下命令以清除 npm 缓存:

npm cache clean --force

禁用严格的 SSL 设置: 运行以下命令以禁用严格的 SSL 设置:

npm config set strict-ssl false

重新安装依赖包: 最后运行 npm install 重新安装依赖包:

npm install

再次安装时出现版本不兼容

cnpm与npm版本对应

cnpm versionnpm version
7.1.1^6.13.4
8.6.1^8.12.1
9.2.0^9.6.2

 此处提示说该操作不允许,我想到的是要以管理员身份运行

 在以管理员身份运行之前,要先卸载掉安装的部分包 

npm uninstall cnpm

这里显示cnpm 安装成功,但这是以管理员身份查看,普通的命令提示符里面还是会出现

cnpm不是内部或者外部命令的问题,继续下面的步骤 

第二步:手动找到cnpm目录
D:\develop\NodeJS 
第三步:配置系统环境变量

计算机->属性->高级系统配置->环境变量->PATH后面添加cnpm路径 

 cnpm的安装路径一般在node_modules下

第四步:查看是否安装成功

查看cnpm 是否安装成功,cnpm -v

前期精彩内容

Vue模块化开发步骤—遇到的问题—解决办法-CSDN博客 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/570915.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

电脑windows 蓝屏【恢复—无法加载操作系统,原因是关键系统驱动程序丢失或包含错误。.......】

当你碰到下图这种情况的电脑蓝屏,先别急着重装系统,小编本来也是想重装系统的,但是太麻烦,重装系统后你还得重装各种软件,太麻烦了!! 这种情况下,你就拿出你的启动U盘,进…

flowable-ui后台显式非中文

把flowable-ui的war包发布后,后台界面显示的是非中文 用的是6.7.2版本,经过了解该版本是有国际化配置文件的,支持中文 猜测可能是浏览器语言导致未显示中文,在控制台输入navigator.language,查看到果然是英文 解决方案…

护眼大路灯好不好?央视315推荐的护眼灯

近年来,大路灯已经成为有孩子家庭中里不可缺少的一个家用电器。不过市场上的品牌、产品五花八门,让人看得眼花缭乱。而且现在市面上一些关于劣质大路灯存在安全隐患,有光闪、噪眩光的问题频频被曝光,更是增加了挑选难度。那么&…

大数据分析案例-基于决策树算法构建大学毕业生薪资预测模型

🤵‍♂️ 个人主页:艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞&#x1f4…

HDFSRPC通信框架详解

本文主要对HDFSRPC通信框架解析。包括listener,reader,handler,responser等实现类的源码分析。注意hadoop版本为3.1.1。 写在前面 rpc肯定依赖于socket通信,并且使用的是java NIO。读者最好对nio有一定的了解,文章中…

代码格式上对齐的方法

昨天看到课程老师在sourceinsight中的操作,他不到两秒就把每行缩进字符数不同的代码行给统一对齐了。 我觉得这个很有用,虽然只是一个操作问题,而非技术问题。后来查了网络,记录一下这个方法。 比如有下面每行缩进不一样的代码&…

Spring Boot 整合分布式搜索引擎 Elastic Search 实现 自动补全功能

文章目录 ⛄引言一、分词器⛅拼音分词器⚡自定义分词器 二、自动补全查询三、自动补全⌚业务需求⏰实现酒店搜索自动补全 四、效果图⛵小结 ⛄引言 本文参考黑马 分布式Elastic search Elasticsearch是一款非常强大的开源搜索引擎,具备非常多强大功能,…

【Java程序设计】【C00378】基于(JavaWeb)Springboot的社区医疗可视化平台(有论文)

【C00378】基于(JavaWeb)Springboot的社区医疗可视化平台(有论文) 项目简介项目获取开发环境项目技术运行截图 博主介绍:java高级开发,从事互联网行业六年,已经做了六年的毕业设计程序开发&…

QT_day4:对话框

1、完善对话框,点击登录对话框,如果账号和密码匹配,则弹出信息对话框,给出提示”登录成功“,提供一个Ok按钮,用户点击Ok后,关闭登录界面,跳转到其他界面 如果账号和密码不匹配&…

Halcon与C#联合开发——1.读取图片、图像二值化

在vs中引入halcon控件 修改目标平台为 x64 拖出三个控件 代码展示 using System; using System.Windows.Forms; //引用支持halcon的命名空间 using HalconDotNet;namespace _1.HalconDisplay {public partial class Form1 : Form {// HObject 是Halcon库中表示图像和其他图形…

C语言中其他运算符介绍

除了算术运算符和位运算符外,C语言还提供了一些其他类型的运算符,包括逗号运算符、条件运算符、sizeof运算符、指针运算符等。这些运算符在C语言中具有特定的功能和用途,对于编写复杂的程序和实现各种算法非常有用。本文将深入介绍C语言中的这…

kali软件管理工具APT,修改APT下载的镜像,改为国内镜像

在tiaAPT(Advanced Package Tool)是用于在 Debian 及其衍生发行版中管理软件包的工具。APT 使用软件包源(repositories)来获取软件包及其依赖项,并将其安装到系统中。kali是Debian的发行版,同样使用APT管理…