windows npm打包无问题,但linux npm打包后部分样式缺失

原因

前端package.json中指定的是依赖版本范围,而linux中使用npm install安装的版本与windows不同。

例如"@ant-design/icons": "^4.0.0"

插入符号^意味着它可以安装最新的兼容版本。如果希望它安装特定版本,可以在版本前面删除^

详见package.json文档符号学

插入符号将让它安装一个不改变第一个数字的更高版本。例如,你的package.json为@ant-design/icons指定了^4.0.0,但它安装了4.6.2。由于4没有改变,所以这也是可以接受的安装版本。

解决方案:

若不想改变源代码,则将package.json复制替换一下就行。

将package.json.bak中的"^替换为"

表示不接受版本范围,指定固定版本。

然后将package.json复制为package.json.bak

打包命令如下

复制代码
rm -rf ./node_modules/*
rm -rf package.json
cp package.json.bak package.json
npm config set user 0 
npm config set unsafe-perm true
npm install
rm -rf ./dist/*
npm run build:prod
相关推荐
怕浪猫3 分钟前
第一章 JSX 增强特性与函数组件入门
前端·javascript·react.js
铅笔侠_小龙虾15 分钟前
Emmet 常用用法指南
前端·vue
钦拆大仁21 分钟前
跨站脚本攻击XSS
前端·xss
Xの哲學1 小时前
Linux SMP 实现机制深度剖析
linux·服务器·网络·算法·边缘计算
知识分享小能手1 小时前
Ubuntu入门学习教程,从入门到精通,Ubuntu 22.04的Linux网络配置(14)
linux·学习·ubuntu
皇族崛起2 小时前
【视觉多模态】- scannet 数据的 Ubuntu 百度网盘全速下载
linux·ubuntu·3d建模·dubbo
VX:Fegn08952 小时前
计算机毕业设计|基于springboot + vue校园社团管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·课程设计
CAU界编程小白2 小时前
Linux系统编程系列之进程控制(下)
linux·进程控制
‿hhh2 小时前
综合交通运行协调与应急指挥平台项目说明
java·ajax·npm·json·需求分析·个人开发·规格说明书
RisunJan2 小时前
Linux命令-ifconfig命令(配置和显示网络接口的信息)
linux·运维·服务器