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
相关推荐
脏脏a1 分钟前
【Linux】进程深度剖析:从概念到 fork 函数应用
linux·运维·服务器
AAA简单玩转程序设计13 分钟前
C++进阶小技巧:让代码从"能用"变"优雅"
前端·c++
子洋13 分钟前
群晖 DSM 更新后 Cloudflare DDNS 失效的排查记录
前端·后端·dns
一颗烂土豆21 分钟前
告别 Vue 多分辨率适配烦恼:vfit 让元素定位 “丝滑” 跨设备
前端·vue.js
ArkPppp23 分钟前
牛刀小试:Vue 3的响应式系统和Proxy?
前端
venton26 分钟前
Next.js SSR 实战:从零到一,构建服务端渲染应用
前端
秃秃秃秃哇28 分钟前
C语言实现循环链表demo
linux·c语言·链表
萌狼蓝天33 分钟前
[Vue]性能优化:动态首行与动态列的匹配,表格数据格式处理性能优化
前端·javascript·vue.js·性能优化·ecmascript
雾岛听风眠34 分钟前
串口通信代码的一些解释
linux·运维·服务器