Error: Cannot find module ‘@rollup/plugin-replace‘

在使用 `rollup-plugin-visualizer` 时，如果出现 `Cannot find module 'rollup-plugin-visualizer'` 错误，通常表示该模块未被正确安装或未在项目中正确配置。以下是详细的解决方案： ### 1. 安装插件 确保 `rollup-plugin-visualizer` 已经通过 npm 或 yarn 安装到项目中。可以使用以下命令进行安装： ```bash npm install --save-dev rollup-plugin-visualizer ``` 或者使用 yarn： ```bash yarn add --dev rollup-plugin-visualizer ``` 安装完成后，检查 `package.json` 文件中是否已经将 `rollup-plugin-visualizer` 添加到 `devDependencies` 中。 ### 2. 配置插件 安装完成后，需要在 Rollup 的配置文件中引入并配置 `rollup-plugin-visualizer`。例如，在 `rollup.config.js` 中添加以下内容： ```javascript import visualizer from 'rollup-plugin-visualizer'; export default { input: 'src/main.js', output: { dir: 'dist', format: 'cjs' }, plugins: [ visualizer({ open: true, gzipSize: true, brotliSize: true, filename: 'stats.html' }) ] }; ``` 上述配置会在打包完成后自动生成一个 HTML 文件（`stats.html`），用于展示打包体积的可视化分析结果。 ### 3. 清理缓存并重新安装依赖 如果已经安装了 `rollup-plugin-visualizer` 但仍然出现模块找不到的错误，可能是由于缓存或依赖未正确安装导致的。尝试以下步骤： 1. 删除 `node_modules` 文件夹： ```bash rm -rf node_modules ``` 2. 删除 `package-lock.json` 文件（如果是使用 npm）或 `yarn.lock` 文件（如果是使用 yarn）。 3. 重新安装所有依赖： ```bash npm install ``` 或者 ```bash yarn install ``` 4. 再次运行项目，检查问题是否已解决。 ### 4. 检查模块路径 如果项目中使用了自定义模块解析路径（如 `NODE_PATH` 或 `webpack` 配置），请确保 `rollup-plugin-visualizer` 的路径被正确解析。可以尝试在代码中使用 `require` 替代 `import` 进行调试： ```javascript const visualizer = require('rollup-plugin-visualizer').default; ``` ### 5. 使用全局安装 如果项目中无法正常安装 `rollup-plugin-visualizer`，可以尝试全局安装该插件： ```bash npm install -g rollup-plugin-visualizer ``` 然后在项目配置中引用全局模块（需配置 `NODE_PATH` 环境变量指向全局模块目录）。 ---