解决 Rollup failed to resolve import “vue3-json-viewer/dist/index.css“ from xxx

现象：

报错的原因在于：

[vite]: Rollup failed to resolve import "vue3-json-viewer/dist/index.css"

出现这个现象的原因是：代码中需要按照 vue3-json-viewer/dist/index.css 这个路径引入index.css，但实际上node_modules中vue3-json-viewer并没有这个文件，因此报错了。

出现这个现象的原因是：项目package.json中是"vue3-json-viewer": “^2.2.2”,但实际上下载的vue3-json-viewer版本是2.4.1

出现这个现象的原因是：^是 语义化版本 (semver) 的范围控制符。

^2.2.2 表示允许的范围是：>= 2.2.2 < 3.0.0，也就是说，只要 大版本号不变（仍然是 2），安装时就会自动升级到最新的次版本/补丁版本。

解决方案：

1、如果已经安装，需要先移除

npm remove vue3-json-viewer

2、重新安装

方式一：在package.json中写死"vue3-json-viewer": “2.2.2”，再npm install

方式二：直接运行

npm add vue3-json-viewer@2.2.2 --save-exact