npm安装pnotify遇依赖冲突及模块找不到问题求助

1. 清理冲突的Bootstrap4适配依赖 #

你的项目使用Bootstrap 3.4.1，完全不需要@pnotify/bootstrap4这个适配Bootstrap4的插件，它是触发peer依赖警告的根源。执行命令卸载该包：

npm uninstall @pnotify/bootstrap4

2. 重新安装适配项目环境的Pnotify版本 #

• 若优先保证与Bootstrap3的兼容性，建议安装Pnotify 4.x版本，该版本对Bootstrap3支持更完善，且不会强制关联Bootstrap4依赖：

npm install --save pnotify@4.0.0

• 若坚持使用Pnotify 5.x，安装时跳过可选依赖（避免自动引入@pnotify/bootstrap4）：

npm install --save pnotify --no-optional

3. 修正模块导入路径 #

启动时的模块解析错误，大多是导入路径与安装的Pnotify版本不匹配导致：

• 若安装的是Pnotify 4.x，使用以下导入方式：

import PNotify from 'pnotify/dist/pnotify.js';
import PNotifyButtons from 'pnotify/dist/pnotify.buttons.js';
import 'pnotify/dist/pnotify.css';
import 'pnotify/dist/pnotify.buttons.css';

• 若安装的是Pnotify 5.x，修正ES模块导入路径（去掉dist/层级）：

import { PNotify } from 'pnotify/es/PNotify';
import { PNotifyButtons } from 'pnotify/es/PNotifyButtons';
import 'pnotify/dist/PNotify.css';
import 'pnotify/dist/PNotifyButtons.css';

4. 彻底清理依赖缓存并重装 #

执行以下命令清除残留的冲突文件，确保依赖安装纯净：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

补充：Webpack配置检查（若项目使用Webpack） #

确保Webpack配置正确处理ES模块，在配置文件中添加以下内容：

module.exports = {
  resolve: {
    extensions: ['.js', '.json']
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: 'babel-loader'
      }
    ]
  }
};

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