启动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.mzph.cn/news/766183.shtml

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

相关文章

宝塔面板系列——两种方式安装青龙面板

因为最近旧windows服务器到期了,在搬服务器,新服务器尝试用Linux系统。过程中有很多不懂的地方,只能边搬迁边学边弄,顺带记录下来,哪天又要搬迁了,翻翻自己的文章也就一应俱全了。 非科班出身,选…

【计算机网络实践】Cisco Packet Tracer局域网组网(FTP服务器通过交换机连接客户端)

本文为应对计算机网络第一次实验所写的预习报告 一、实验准备 一台装有Cisco Packet Tracer的PC机,一个大学生大脑。 二、了解FTP和Cisco Packet Tracer 具体内容可在百度搜索,在物理机上用FileZilla Server实现ftp可参看我前面的文章。Cisco Packet Tr…

【LabVIEW FPGA入门】FPGA不同传递数据方法比较

数据共享方法的选择应基于应用的需要。根据应用程序的重要特性,所讨论的任何一种方法都可能是合适的。 传输方法FPGA资源损耗?不同时钟源之间传递数据?新数据通知?常见用途变量逻辑片是是否提取最新数据存储器存储器是否否提取最新…

深入理解MySQL中的JOIN算法

码到三十五 : 个人主页 心中有诗画,指尖舞代码,目光览世界,步履越千山,人间尽值得 ! 目录 一、引言二、嵌套循环连接(Nested-Loop Join)2.1 工作原理2.2 性能考虑2.3 优化策略 三、块嵌套循环…

Java代码基础算法练习-递归求数-2024.03.22

任务描述: 利用递归函数调用方式,将所输入的5个字符,以相反顺序打印出来。 任务要求: 代码示例: package march0317_0331;import java.util.Scanner;/*** m240322类,提供了一个反转输入字符串前5个字符的…

软考复习笔记day3(计算机体系结构和指令系统基础)(精简版)

计算机体系结构分类 处理机数量分类: 单处理(一个处理单元)并行处理系统(两个以上处理机互联).分布式处理系统 Flynn分类:(常考) 以指令流和数据流进行区别 指令流由控制部分进…

vue3初步学习

vue3初步学习 vue模版 练习代码如下 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>实验4</ti…

计算机二级(python)【二】

真题5 1、考生文件夹下存在一个文件PY101.py&#xff0c;请写代码替换横线&#xff0c;不修改其他代码&#xff0c;实现以下功能&#xff1a; 键盘输入正整数n&#xff0c;按要求把n输出到屏幕&#xff0c;格式要求&#xff1a;宽度为15个字符&#xff0c;数字右边对齐&#…

【小米汽车SU7实测】 小米汽车su7到底行不行?小米新能源轿车体验感怎么样?

小米汽车SU7是小米汽车的首款车型&#xff0c;定位“C级高性能生态科技轿车”&#xff0c;也是小米迈入新能源赛道的首次成果落地。 首先&#xff0c;让我们来谈谈它的性能。试驾过程中&#xff0c;小米SU7展现出了惊人的加速能力&#xff0c;0-100km/h加速仅需2.78秒&#xf…

Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题

1.process.env 是Node.js 中的一个环境 1.打开命令行查看环境: 2.process.env与Vue CLI 项目 Vue Cli 有以下三种运行模式 development 模式用于 vue-cli-service serve test 模式用于 vue-cli-service test:unit production 模式用于 vue-cli-service build 和 vue-cli-se…

【STL学习】(1)string类

前言 本文将详细讲解STL中string类的常用的接口函数。 一、为什么学习string类&#xff1f; 1、字符串类型的重要性 在现实生活中有很多复杂类型是以字符串来表达的&#xff0c;比如我们在搜索引擎输入的“数据”&#xff0c;一个人的姓名、身份证号等等。 所以字符串类型是很…

ETCD跨城容灾与异地多活网络故障的相关表现分析

ETCD跨城容灾与异地多活网络故障的相关表现分析 1. 网络架构2. 单个网络中断-跟leader区中断2.1. 网络中断2.2. 网络恢复 3. 单个网络中断-跟非leader区中断4. 两个网络中断-leader区中断5. 两个网络中断-非leader区中断6. 两个网络中断-非leader区中断7. 总结8. 参考文档 etcd…

【多线程】有了解过 CAS 和原子操作吗?

SueWakeup 个人主页&#xff1a;SueWakeup 系列专栏&#xff1a;学习Java 个性签名&#xff1a;人生乏味啊&#xff0c;我欲令之光怪陆离 本文封面由 凯楠&#x1f4f7; 友情赞助! 目录 前言 悲观锁和乐观锁 什么是 CAS ? 什么是原子操作&#xff1f; CAS 执行流…

git 上传文件夹至远端仓库的方法

上传的远端git可以是gitlab、github、gitee、gitblit或者gitCode等等 以下以GitHub为例说明&#xff1a; 1、登录GitHub网站&#xff08;账户/密码&#xff09; 2、创建一个新的空白项目&#xff08;或者已有的项目&#xff09;hello-world 分支是master &#xff0c;这里默认即…

面经Java开发

联奕一面: 1、这段代码的输出结果是多少?t q z package com.smart.community.test;public class Test {public class B{static {System.out.println("t");}public B(){System.out.println("z");}}public class A extends B{static {System.out.println…

Matlab2024a在Windows系统上的安装配置

目录 前言一、​Matlab在Windows系统上安装总结 前言 Matlab是一种高级技术计算和编程环境&#xff0c;广泛应用于科学、工程和金融等领域。它提供了丰富的工具和函数库&#xff0c;用于数据分析、可视化、模型建立、算法开发和应用部署等任务。注&#xff1a;文末附有下载链接…

Unity vision pro模拟器开发教程-附常见问题解决方案

前言 庄生晓梦迷蝴蝶&#xff0c;望帝春心托杜鹃 废话 去年苹果发布会上&#xff0c;推出了Vision Pro这一款XR产品。并且宣布Unity作为其主要合作伙伴&#xff0c;负责开发XR的开发产品。 这消息一出&#xff0c;当晚Unity的股价直接被熔断。产品发布之后&#xff0c;一直等…

算法|基础算法|位运算

基础算法|位运算 1.与运算 2.或运算 3.非运算 4.异或运算 5.左移、右移运算 心有猛虎&#xff0c;细嗅蔷薇。你好朋友&#xff0c;这里是锅巴的C\C学习笔记&#xff0c;常言道&#xff0c;不积跬步无以至千里&#xff0c;希望有朝一日我们积累的滴水可以击穿顽石。 与运算 与…

IPMI开源库pyghmi基本使用

简介&#xff1a;Pyghmi是一个纯Python&#xff08;主要是IPMI&#xff09;服务器管理库。IPMI&#xff08;Intelligent Platform Management Interface&#xff0c;智能平台管理接口&#xff09;是一种开放的标准&#xff0c;旨在帮助系统管理员在本地和远程管理服务器系统。而…

2024年【通信安全员ABC证】新版试题及通信安全员ABC证模拟考试

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 通信安全员ABC证新版试题根据新通信安全员ABC证考试大纲要求&#xff0c;安全生产模拟考试一点通将通信安全员ABC证模拟考试试题进行汇编&#xff0c;组成一套通信安全员ABC证全真模拟考试试题&#xff0c;学员可通过…