常见问题Q&A

Q:控制台报websocket错误? 关闭自动连接客户端?

// 入口文件 main.js
import { disAutoConnect  } from 'sv-print';  //或者 @sv-print/hiprint
disAutoConnect();
// 或者
globalThis.autoConnect = false;

Q: 样式冲突? 项目依赖tailwindcss 3.x. 引入组件样式提示 `@layer utilities is used but no matching @tailwind utilities directive is present.`

自sv-print@0.2.15起, 组件使用 tailwindcss 4.x. 导致兼容性问题.

解决方案:

升级项目的 tailwindcss 到 4.x
复制组件样式到 public 目录. 直接在 index.html 中引入组件样式.(不参与工程化项目打包,可手动微调冲突样式).

<!-- 可改成相对路径 -->
<link rel="stylesheet" type="text/css" href="https://unpkg.com/sv-print@0.2.18/dist/style.css" />