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
相关推荐
How_doyou_do10 分钟前
26字节工程营-前端-自我总结
前端
十有八七12 分钟前
🧩 组件库死亡倒计时?—— AI 编码冲击下的前端基础设施重构
前端·人工智能
用户23678298016812 分钟前
Linux pgrep 命令详解:按名称查找进程 PID 的高效方法
linux
zzipeng17 分钟前
Linux LCD驱动
linux·运维·服务器
风止何安啊20 分钟前
我一个前端仔,居然用 Python 搞起了 AI?从零到一,撸了个 AI 聊天框小 demo
前端·人工智能·后端
GISer_Jing23 分钟前
Claude Code插件系统全解析
前端·人工智能·ai·架构
思麟呀28 分钟前
C++11并发编程:call_once一次性执行+atomic原子类型+CAS无锁编程+自旋锁
linux·开发语言·jvm·c++·windows
浮生若城35 分钟前
Linux库制作与原理(2):理解链接与加载
linux·运维·服务器
小茴香35336 分钟前
Vue3路由权限动态管理
前端·前端框架·vue3
Cat_Rocky39 分钟前
Gitlab安装与配置
linux·运维·gitlab