Vue开发中由错误These relative modules were not found 引起的问题思考及解决

news2025/1/14 19:40:40

一、由Vue: These relative modules were not found 引起的问题

1、vue2.6.14 These relative modules were not found 

        在使用vue2.6.14开发的项目在本地windows 10上都一直成功,想放到jenkins上进行发布。之前其它的 vue 项目也都能发布正常,但此次一个旧的vue项目发布时就是报错 These relative modules were not found:后面会列出加载不到的js文件列表

* ../lib/commonhelp.js in ./src/router/index.js
* ./lib/commonhelp.js in ./src/main.js

但从目录引用来看,也没有任何问题。

A. Vue中import 引入同一目录下的文件
import MyComponent from './MyComponent.vue';

B. import 上一级目录文件的方法,上两级的文件依此类推
import MyComponent from '../MyComponent.vue';

       确定路径没有错的,在本地项目也可以run起来,但是放服务器环境就是报错:vue2.6 These relative modules were not found。在之前项目使用的是@来作为src的别名,在本地运行正常,但是在服务器上就是加载不了 @加载的模块,在 vue.config.js 文件中增加 配置 以及 configureWebpack 中添加如下代码无不能发布。 

#尝试添加的2种路径别名
chainWebpack config.resolve.alias.set("@", resolve("src"))
alias: { '@': path.resolve(__dirname, 'src')},

2、node版本管理器:nvm 和

        怀疑是node环境以及npm的版本区别,原来安装一个 node版本管理器 n,这次又尝试安装了 nvm,比较了一下。还是nvm 好使一些。本地和服务器上都使用的 node 16.18.0 环境。

        node版本管理器:nvm 和 n区别,在 node 的版本管理工具中,nvm是常用的工具,不过 TJ 的 n 也有不少人用。这两个工具是目前最主流的版本管理方案。
删除和安装的n
npm install -g n nvm
npm uninstall -g n

        两种方案如何选择?随各人所好,有以下几个要注意

  •  n在 node 安装和使用上的体验更好。
  •  Windows 上只能使用 n
  •  频繁切换 node 版本,从全局模块兼容性的角度考虑,只能使用 nvm。

3、npm版本的安装切换过程中的问题记录

#. 期间使用 apt upgrade npm 中遇到一些问题。

问题1. encountered while processing: libc6:amd64 以及、libc-bin : Depends: libc6 (< 2.25) but 2.36-9+deb12u4 is installed

        开始执行更新npm时报错:libc-bin : Depends: libc6 (< 2.25) but 2.36-9+deb12u4 is installed 提示我本地的libc6版本2.36 高于其要求的版本。

[#root] apt upgrade npm
You might want to run 'apt --fix-broken install' to correct these.
The following packages have unmet dependencies:
 libc-bin : Depends: libc6 (< 2.25) but 2.36-9+deb12u4 is installed
Recommends: manpages but it is not installed
E: Unmet dependencies. Try 'apt --fix-broken install' with no packages (or specify a solution).

但是执行 apt --fix-broken install 进行修复时又报错:

[#root] apt --fix-broken install
dpkg: error processing package libc6:amd64 (--configure):
 subprocess installed post-installation script returned error exit status 127
Errors were encountered while processing:
 libc6:amd64
E: Sub-process /usr/bin/dpkg returned an error code (1)

解决办法:

[#root] cd /tmp
[#root] apt -y download libcrypt1
[#root] dpkg-deb -x libcrypt1_1%3a4.4.33-2_amd64.deb .
[#root] cp -av lib/x86_64-linux-gnu/* /lib/x86_64-linux-gnu/
[#root] apt -y --fix-broken install

        注意上面的 libcrypt1_1%3a4.4.33-2_amd64.deb 并不是一个固定的内容,需要先使用 ll 命令查看一下你下载下来的具体libcrypt文件名称,如我这里就是 libcrypt1_1%3a4.4.33-2_amd64.deb。
-rw-r--r-- 1 root root   89464 Jan  7  2023 libcrypt1_1%3a4.4.33-2_amd64.deb

这样期间碰到的这个问题就修复好了。

问题2. npm : Depends: node-gyp but it is not going to be installed

再次执行 apt upgrade npm 还是报错:

The following packages have unmet dependencies:
npm : Depends: node-gyp but it is not going to be installed
Recommends: node-tap but it is not going to be installed

这个是 apt 源的问题。搞了好多次,最后使用了清华的 DEBIAN 官网的源安装成功了 npm

deb http://mirrors.ustc.edu.cn/debian stable main contrib non-free
deb http://mirrors.ustc.edu.cn/debian stable-updates main contrib non-free
deb http://deb.debian.org/debian stretch main
deb http://deb.debian.org/debian stretch-updates main

encountered while processing  apt-dpkg-install-kTh2Mk/181-libegl1_1.6.0-1_amd64.deb
[#root] sudo apt-get clean
[#root] sudo apt-get update
[#root] sudo apt-get -f install

使用--force-overwrite可以解决安装过程中的冲突。

sudo dpkg -i --force-overwrite /var/cache/apt/archives/libegl1_1.6.0-1_amd64.deb

问题3. 关于淘宝的仓库地址变更

npm error request to https://registry.npm.taobao.org/npm failed, reason: certificate has expired ,因为其地址已经变更为 https://registry.npmmirror.com 换成这个地址即可。如下为安装 npm 的最新版本。

b73:/etc/apt# npm install -g npm@latest
npm warn cli npm v10.8.0 does not support Node.js v16.12.0. This version...
npm error notsup Required: {"node":"^18.17.0 || >=20.5.0"}
pm error notsup Actual:   {"npm":"10.8.0","node":"v16.12.0"}
# 查看已安装版本
6cb73:/etc/apt# nvm ls
# 查看远方仓库中的版本列表
6cb73:/etc/apt# nvm ls-remote
...
v22.2.0
73:/etc/apt# nvm install "v22.2.0"
#安装完成:
b6cb73:/etc/apt# npm --version
10.7.0

        在上面这些方法都无法解决的情况下,最后我尝试将引入出现问题的这个模块名称(如 commonHelp.js) 改成 commonhelp.js 全部使用小写,想尝试看看能否成功,但还是一样的报错加载不到模块。先这样吧,暂时就不改成自动发布了。

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

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

相关文章

【stm32】DMA的介绍与使用

DMA的介绍与使用 1、DMA简介2、存储器映像3、DMA框图4、DMA基本结构5、DMA请求6、数据宽度与对齐7、数据转运DMA&#xff08;存储器到存储器的数据转运&#xff09;程序编写&#xff1a; 8、ADC连续扫描模式DMA循环转运DMA配置&#xff1a;程序编写&#xff1a; 1、DMA简介 DM…

Antsword-labs靶机渗透

Less-1 在当前界面开启终端 ![](https://img-blog.csdnimg.cn/img_convert/e5ab1b947b1186a43b58abaf10263cb1.png) 启动环境 plain docker-compose up -d 蚁剑连接 ![](https://img-blog.csdnimg.cn/img_convert/81a5c09987e18355335d07e4da52cb5f.png) 打开终端寻找flag …

ACL:访问控制列表

基本概念 1.访问控制: 在路由器的入或者出的接口上&#xff0c;匹配流量&#xff0c;之后产生动作&#xff0c;只有允许和拒绝。 2.定义感兴趣流量: 帮助其他策略抓流量的 匹配规则:至上而下 逐一匹配 上条匹配按照上条执行 不再查看下条 (思科体系中 末尾隐含拒绝所有 华为…

20个月投标战胜国际对手,中国百余台AGV进驻欧洲……

导语 大家好&#xff0c;我是社长&#xff0c;老K。专注分享智能制造和智能仓储物流等内容。 在全球智能制造竞争日益激烈的今天&#xff0c;中国制造再次传来振奋人心的好消息。 经过长达20个月的艰苦角逐&#xff0c;一家中国机器人企业&#xff08;新松机器人&#xff09;成…

microsoft edge浏览器卡死问题

win11经常遇到microsoft edge浏览器卡死的情况&#xff0c;有时候是一会没用浏览器就全部卡死&#xff0c;有时候是锁屏或者电脑休眠浏览器就不能用&#xff0c;找了很多的办法都没好使&#xff0c;用以下方法好使了&#xff1a; edge浏览器中打开 edge://settings/system 把 …

计算机的错误计算(一百二十三)

摘要 探讨算式 的计算精度问题。 例1. 已知 计算 不妨在Python下计算&#xff0c;则有&#xff1a; 若用Rust在线计算&#xff1a; fn main() {let x: f64 0.125e-6;let tan_x x.tan();let sin_x x.sin();let denominator x - (1.0 x * x).sqrt();let result (…

大学模拟电路设计期末速成总结

大学模拟电路设计期末速成总结 模拟电路设计是电子工程领域的基础&#xff0c;它涉及到连续信号的处理和放大。对于电子工程的学生来说&#xff0c;掌握模拟电路设计的基本原理和应用是至关重要的。以下是期末速成总结&#xff0c;帮助你快速回顾和掌握模拟电路设计的关键知识…

香橙派刷机和开发环境准备(ubuntu22.04版)_随记1

前言&#xff1a; 一、香橙派刷ubuntu系统和SSH登录 1、刷机前准备&#xff1a; ①TF卡&#xff08;8G&#xff09;、读卡器、OrangePi5Pro ②Win32DiskImager&#xff08;烧写系统工具&#xff09;、SDFormatter&#xff08;TF格式化工具&#xff09; ③系统镜像&#xff…

学习文档(4)

目录 Vue简介 MVVM思想 Vue指令 内容输出指令 条件渲染指令 列表渲染指令 数据绑定指令 Vue简介 Vue2.x官网&#xff1a;https://v2.cn.vuejs.org Vue3.x官网&#xff1a;https://cn.vuejs.org 官网&#xff08;2.x版本&#xff09;对vue的定义是&#xff1a;vue是一套…

kubelet PLEG实现

概述 kubelet的主要作用是确保pod状态和podspec保持一致&#xff0c;这里的pod状态包括pod中的container状态&#xff0c;个数等。 为了达到这个目的&#xff0c;kubelet需要从多个来源watch pod spec的变化&#xff0c;并周期从container runtime获取最新的container状态。比如…

I2C相关结构体讲解:i2c_adapter、i2c_algorithm、i2c_msg

往期内容 I2C子系统专栏&#xff1a; I2C&#xff08;IIC&#xff09;协议讲解SMBus 协议详解 总线和设备树专栏&#xff1a; 专栏地址导航篇 – 专栏未篇 1.框图 建议右击图片在新标签页打开预览 i2c_transfer函数就是读取i2c设备的信息或者输出信息给i2c设备的函数 比如发送…

信息安全工程师(49)网络物理隔离系统与类型

前言 网络物理隔离系统是指通过物理隔离技术&#xff0c;在不同的网络安全区域之间建立一个能够实现物理隔离、信息交换和可信控制的系统&#xff0c;以满足不同安全域的信息或数据交换需求。 一、网络物理隔离系统概述 网络物理隔离系统的核心在于通过物理方式将不同安全级别的…

SQL Injection | SQL 注入概述

关注这个漏洞的其他相关笔记&#xff1a;SQL 注入漏洞 - 学习手册-CSDN博客 0x01&#xff1a;SQL 注入漏洞介绍 SQL 注入就是指 Web 应用程序对用户输入数据的合法性没有判断&#xff0c;前端传入后端的参数是可控的&#xff0c;并且参数会带入到数据库中执行&#xff0c;导致…

【计算机网络篇】数据链路层 协议、介质访问控制

&#x1f9f8;安清h&#xff1a;个人主页 &#x1f3a5;个人专栏&#xff1a;【计算机网络】【Mybatis篇】 &#x1f6a6;作者简介&#xff1a;一个有趣爱睡觉的intp&#xff0c;期待和更多人分享自己所学知识的真诚大学生。 系列文章目录 【计算机网络篇】计算机网络概述 【…

[实时计算flink]CREATE DATABASE AS(CDAS)语句

CDAS支持整库级别的表结构和数据的实时同步&#xff0c;还支持表结构变更的同步。本文为您介绍CREATE DATABASE AS&#xff08;CDAS&#xff09;的使用方法&#xff0c;并提供了多种使用场景下的示例。 背景信息 CDAS是CTAS语法的一个语法糖&#xff0c;用于实现整库同步、多…

在 Unity 中创建模型动画的探索之旅

在 Unity 游戏开发或 3D 场景构建中&#xff0c;模型动画是赋予虚拟对象生命和个性的关键元素。它能够极大地增强用户体验&#xff0c;使场景更加生动和吸引人。本文将带您深入了解在 Unity 中创建模型动画的基本流程和方法。 一、准备工作 在开始创建动画之前&#xff0c;您…

空间大数据的数据变换与价值提炼

在数字化时代&#xff0c;空间大数据正成为推动社会经济发展的关键因素。空间大数据不仅体量巨大&#xff0c;而且具有高速流转、多样类型和真实性等特点&#xff0c;它们在获取、存储、管理、分析方面超出了传统数据库软件工具的能力范围。地理信息系统&#xff08;GIS&#x…

淘宝详情API接口有什么用处?

淘宝详情API接口有什么用处&#xff1f;主要体现在以下几个方面&#xff1a; 电商数据分析&#xff1a;通过调用API接口获取商品详情数据&#xff0c;可以对商品的销售情况、价格变化、属性分布等进行深入分析。这些数据为电商运营提供了决策支持&#xff0c;帮助商家更好地了…

Redis哨兵模式部署(超详细)

哨兵模式特点 主从模式的弊端就是不具备高可用性&#xff0c;当master挂掉以后&#xff0c;Redis将不能再对外提供写入操作&#xff0c;因此sentinel模式应运而生。sentinel中文含义为哨兵&#xff0c;顾名思义&#xff0c;它的作用就是监控redis集群的运行状况&#xff0c;此…

使用gradle将java项目推送至maven中央仓库(最新版)

前言 maven中央仓库于2024年3月进行改版&#xff0c;下面介绍新的推送方式 一、将项目推送到github 过程略 二、注册sonatype账号 仓库地址&#xff1a;https://central.sonatype.com/ 这里选择使用github账号登录&#xff0c;不注册新的了 三、创建命名空间 这里会自动…