从Webpack迁移至Vite后，如何正确导入video.js的CSS依赖？

正确导入写法 #

首先确保你已经通过包管理器正确安装了video.js：

npm install video.js
# 或使用yarn
yarn add video.js

然后在你的JS文件中使用以下代码完成导入：

import videojs from 'video.js';
// 正确的CSS导入路径
import 'video.js/dist/video-js.css';

仍报错时的排查步骤 #

• 重新安装依赖：删除node_modules文件夹和package-lock.json（或yarn.lock），重新执行安装命令，确保依赖包完整无损坏。
• 检查Vite配置：打开vite.config.js，确认没有错误的resolve配置干扰包路径解析。Vite默认会自动处理node_modules中的依赖，但若项目有自定义resolve规则，需确保未排除.css扩展名或错误重写路径。
• 验证包内文件结构：查看项目中node_modules/video.js/dist目录，确认video-js.css文件确实存在。若不同版本的video.js调整了文件结构，需对应修改导入路径。

内容的提问来源于stack exchange，提问作者jrochkind