首页 > 编程语言 >nodejs 18.20.4 juice 库将html中的全局CSS格式, 转化为每个元素内联的CSS格式

nodejs 18.20.4 juice 库将html中的全局CSS格式, 转化为每个元素内联的CSS格式

时间:2024-11-08 13:41:07浏览次数:1  
标签:sudo nodejs ubuntu apt html 格式 ubuntu22 CSS

执行下面命令,安装nodejs 和 npm

ubuntu@ubuntu22:~$ sudo apt update

ubuntu@ubuntu22:~$ sudo apt install npm # npm 是 Node.js 的包管理工具

ubuntu@ubuntu22:~$ sudo apt install -y curl

ubuntu@ubuntu22:~$ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -

ubuntu@ubuntu22:~$ sudo apt install -y nodejs

遇到如下报错

ubuntu@ubuntu22:~$ sudo apt-get install nodejs -y
Reading package lists... Done
Building dependency tree... Done
Reading state information... Done
The following packages were automatically installed and are no longer required:
  libc-ares2 libnode72
Use 'sudo apt autoremove' to remove them.
The following NEW packages will be installed:
  nodejs
0 upgraded, 1 newly installed, 0 to remove and 23 not upgraded.
Need to get 0 B/29.6 MB of archives.
After this operation, 187 MB of additional disk space will be used.
Selecting previously unselected package nodejs.
(Reading database ... 192008 files and directories currently installed.)
Preparing to unpack .../nodejs_18.20.4-1nodesource1_amd64.deb ...
Unpacking nodejs (18.20.4-1nodesource1) ...
dpkg: error processing archive /var/cache/apt/archives/nodejs_18.20.4-1nodesource1_amd64.deb (--unpack):
 trying to overwrite '/usr/share/systemtap/tapset/node.stp', which is also in package libnode72:amd64 12.22.9~dfsg-1ubuntu3.6
Errors were encountered while processing:
 /var/cache/apt/archives/nodejs_18.20.4-1nodesource1_amd64.deb
E: Sub-process /usr/bin/dpkg returned an error code (1)

这个错误表明在安装 Node.js 18 时,出现了文件冲突问题,特别是 node.stp 文件被两个不同的包(nodejslibnode72)包含。解决这个问题的办法通常是先卸载冲突的旧版本,再安装新的 Node.js 版本

解决步骤:

ubuntu@ubuntu22:~$ sudo apt-get remove libnode72

ubuntu@ubuntu22:~$ sudo apt autoremove

ubuntu@ubuntu22:~$ sudo apt install -y nodejs

脚本内容如下:

ubuntu@ubuntu22:~$ cat update_html.js

const juice = require('juice');
const fs = require('fs');
const html = fs.readFileSync('file.html', 'utf8');
const inlinedHtml = juice(html);
console.log(inlinedHtml);

执行脚本获得新的html文件:

ubuntu@ubuntu22:~$ nodejs update_html.js > new.html

 

标签:sudo,nodejs,ubuntu,apt,html,格式,ubuntu22,CSS
From: https://www.cnblogs.com/yaolaoer/p/18534910

相关文章

  • 带你用HTML+CSS+JS实现动态滚动骰子投掷效果!
    今天带大家用HTML+CSS+JS实现动态骰子投掷效果,下面来看看实现的效果:点击开始投掷,骰子开始滚动。点击停止投掷,骰子面会随机定在一个点数 那么如何实现呢?请听我细细讲解:一、骰子面的样式与布局1、样式:1、其中每一面大量的运用了flex布局来实现了骰面上圆点的位置。2......
  • css基础知识
    css基础知识css基础知识1.认识css概念写在哪如何写2.选择器初级id与class命名选择器分类(初级版)选择器权重3.基础知识介绍1.认识css概念CSS(英文全称:CascadingStyleSheets),层叠样式表。它是网页的装饰者,用来修饰各标签排版(大小、边距、背景、位置等)、改变字体的样式(......
  • 移动Web前端高效开发实战:HTML 5 + CSS 3 + JavaScript + Webpack + React Native + Vu
    书:pan.baidu.com/s/1tIHXj9HmIYojAHqje09DTA?pwd=jqsoHTML5新特性与应用:介绍HTML5的新特性,包括语义化标签、本地存储、设备兼容、连接特性等,并讲解如何在移动Web前端开发中充分利用这些特性提升用户体验。CSS3样式与动画设计:详细讲解CSS3的样式设计和动画效果,包括选择器、盒......
  • Pwn之格式化字符串漏洞
    0x00格式化字符串的原理格式化字符串函数就是将计算机内存中表示的数据转化为我们人类可读的字符串格式,常见的格式化字符串函数有:类型函数基本介绍输入scanf从标准输入读取格式化输入gets用于从标准输入读取一行............输出printf输出到stdoutfprintf输出到指定FIL......
  • 基于nodejs+vue在线音乐网站[开题+源码+程序+论文]计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于在线音乐网站的研究,现有研究多侧重于音乐推荐算法、版权管理等方面3。专门针对在线音乐网站整体功能架构,包括用户、歌手分类、歌曲信息等综合系统功......
  • 基于nodejs+vue在线音乐播放平台[开题+源码+程序+论文]计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于在线音乐播放平台的研究,现有研究主要集中在大型商业音乐平台的整体运营、用户体验优化等方面,如QQ音乐、网易云音乐等平台的功能拓展、营销策略等。......
  • js动画和css动画的区别?
    ‌JavaScript动画和CSS动画有一些相似之处,但它们在实现方式、控制方式和性能上有很大的不同。‌实现方式‌CSS动画‌:通过CSS属性(如transition、animation)来实现动画效果。CSS动画通过定义关键帧和动画属性,当触发条件满足时,浏览器会自动执行动画效果,并且通过硬件加速优化性......
  • HTML格式
    html有哪些特点?(1)简易性(2)可拓展性(3)平台无关性(4)通用性html快捷键:(1)ctrl+n+w创建项目(2)ctrl+n+h创建html文件(3)ctrl+s保存)(未保存显示*号)(4)ctrl+r运行(5)ctrl+z撤回(6)!+tab键联想基本格式(7)ctrl+/注释和取消注释(8)ctrl+鼠标滚轮,字体方大和缩小表格:table(1)认识......
  • sprintf()无法格式化浮点型的问题
    我遇到问题是:使用emWin在LCD上显示数据时,由于文本框只能显示字符串,所谓我要将float类型的数据转换为字符串,我想使用sprintf()函数将float变量存储到数组中,我发现float类型的数据存到数组中,打印查看是0.000等,上网上搜了很多资料,说没有进行字节对齐的,也有说要加链接库的,试......
  • CSS3实现放大镜效果
    市面上基本上所有的购物平台、商城上的商品详情页,对于商品的图片都是有放大功能。那么这个功能主要是怎么实现的呢?CSS3实现放大镜效果主要依赖于CSS的一些高级特性,如transform、transition和::before伪元素等其实代码并没有多少,这里用了6款静态资源图片作为示例,但是每一款都需要......