vue项目依赖升级报错处理方式
作者:清风明月的博客 发布时间:2024-05-10 14:20:52
vue项目依赖升级报错处理
1.Vue Router 升级到3.5.1报错:Navigation cancelled from "/login" to "/" with a new navigation
原因:Vue Router内部报错没有进行catch处理导致的编程式导航跳转问题,往同一地址跳转时会报错,push和replace 都会导致这个情况的发生
import Vue from 'vue'
import VueRouter from 'vue-router';
?
Vue.use(Router)
//解决Vue Router在3.0版本以上push重复点击报错
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location, onResolve, onReject) {
? ? if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
? ? return originalPush.call(this, location).catch(err => err)
}
//解决Vue Router在3.0版本以上replace重复重定向报错
const originalPushs = VueRouter.prototype.replace
VueRouter.prototype.replace = function replace(location, onResolve, onReject) {
? ? if (onResolve || onReject) return originalPushs.call(this, location, onResolve, onReject)
? ? return originalPushs.call(this, location).catch(err => err)
}
Vue.use(VueRouter);
2.依赖升级后遇到的问题由autoprefixer版本引起的 warning:
Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole block, not to next rules
解决方法:
// 将样式中像下面的写法
/* autoprefixer: off */
....
/* autoprefixer: on */
// 改为
?? ?
/* autoprefixer: ignore next */
3.编译器报: start value has mixed support, consider using flex-start instead
start值具有混合支持,请考虑改用flex-start
解决方法:
全局ctrl+F搜索align-items: start;改为align-items: flex-start;
全局ctrl+F搜索justify-content: start;改为justify-content: flex-start;
4.编译器报: end value has mixed support, consider using flex-end instead
解决方法:
全局ctrl+F搜索align-items: end;改为align-items: flex-end;
全局ctrl+F搜索justify-content: end;改为justify-content: flex-end;
当启动vue项目安装依赖时报错
当启动vue项目安装依赖时报错暂时想到四个原因:
1.node版本低,升级到新版本
2.执行npm cache clean,再重新npm install
3.如果是下载依赖包失败的话,可以使用cnpm淘宝镜像下载,或者yarn下载安装
4.报错一般都会有错误提示,根据错误提示进行操作
以上为个人经验,希望能给大家一个参考,也希望大家多多支持asp之家。
来源:https://blog.csdn.net/xiaoxia188/article/details/115027102
猜你喜欢
- 本节内容:本节内容是根据上学期所上的模式识别课程的作业整理而来,第一道题目是Kmeans聚类算法,数据集是Iris(鸢尾花的数据集),分类数
- create 语句后面的TYPE=MyISAMTYPE=MyISAM 和 ENGINE=MyISAM 都是设置数据库存储引擎的语句 ,(老版
- 1.zip用法简介在python 3.x系列中,zip方法返回的为一个zip object可迭代对象。class zip(object):&
- 1. 问题重现(回显)类似的问题还有很多2. 解决方法:将下图 箭头指的两个项 取消勾选 就好了下载 vs code 插
- 一、前言下述配置的前提是服务器上存在多个虚拟环境,且 PyCharm为专业版二、配置方法配置远程服务器配置多个解释器在配置好远程服务器后,依
- 我们首先以一个例子来介绍模块化编程的应用场景,有这样一个名为requirements.py的python3文件,其中两个函数的作用是分别以不
- 本文实例讲述了JS中的算法与数据结构之集合(Set)。分享给大家供大家参考,具体如下:集合(Set)同数学中所学的一样,集合(Set)是由一
- 学习Python Web和Django开发不能只学习Python。我们有时必需借助其它技术比如AJAX实现我们想要的功能。今天我们就要利用D
- sequence 序列sequence(序列)是一组有顺序的元素的集合(严格的说,是对象的集合,但鉴于我们还没有引入“对象”概念,暂时说元素
- 这篇文章主要介绍了Python argparse模块应用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值
- 在多个文件或者不同语言协同的项目中,python脚本经常需要从命令行直接读取参数。万能的python就自带了argprase包 使
- 1.什么是Javascript?Javascript是一种用于Web开发的编程语言。JavaScript在网络的客户端上运行。根据MDN,J
- 用Python实现出来的机器学习算法都是什么样子呢? 前两期线性回归及逻辑回归项目已发布(见文末链接),今天来讲讲BP神经网络。BP神经网络
- 当数组/矩阵过大则只会显示其中一部分,中间则会自动用省略号代替:直接在import numpy 加上下面一句代码即可解决:import nu
- 实例如下:#!/usr/bin/env python# -*- coding: utf-8 -*-import socket#创建一个soc
- 卸载MariaDBCentOS7默认安装MariaDB而不是MySQL,而且yum服务器上也移除了MySQL相关的软件包。因为MariaDB
- 前言需要从数据库检索某些符合要求的数据,我们很容易写出 Select A B C FROM T WHERE ID = XX 这样
- 说到 IE 的 bug,一个臭名昭著的例子是它对于“盒模型”的错误解释:在 IE5.x 以及 Quirks 模式的 IE6/7 中,将 bo
- 经典字典使用函数dict:通过其他映射(比如其他字典)或者(键,值)这样的序列对建立字典。当然dict成为函数不是十分确切,它本质是一种类型
- 今天有点囧a=['XXXX_game.sql', 'XXXX_game_sp.sql', 'XXXX