如何修复‘SyntaxError: Identifier 'getScrollParents'已声明’及Bootstrap提示框依赖Tether错误

先别急着直接回退到Bootstrap 3——回退虽然可能解决眼前的错误，但大概率会引发新的适配问题（比如项目里其他组件、样式依赖Bootstrap 4+的特性）。可以先按下面的步骤逐一排查，说不定能快速解决问题：

• 先理清错误的来龙去脉：把当前出现的两个新错误的具体信息（比如控制台报错的内容、涉及的文件和行号）整理清楚。先搞明白这些新错误是和tether.js/utils.js的安装直接相关，还是之前未彻底解决的旧问题引发的连锁反应。很多时候新错误都是依赖版本不匹配导致的，比如你装的tether.js版本和当前Bootstrap版本不兼容。
• 核对Bootstrap与依赖的版本对应关系：不同版本的Bootstrap对依赖的要求差异很大——比如Bootstrap 4.x通常需要搭配Popper.js v1.x（早期版本可能用Tether），而Bootstrap 5.x已经内置了简化版的Popper，不需要单独安装。你可以先查下项目里Bootstrap的具体版本，再去官方文档确认对应的依赖版本，然后用npm install tether@指定版本或者npm install popper.js@对应版本来精准安装匹配的包。
• 检查JS文件的引入顺序：如果是在HTML里手动引入这些文件，一定要注意顺序：必须先引入tether.js/utils.js这类依赖文件，再引入Bootstrap的JS文件。顺序搞反很容易出现“未定义”类的错误。
• 清理缓存后重新安装依赖：有时候npm缓存或者node_modules里的文件损坏，会导致依赖安装不完整。可以试试删除node_modules文件夹和package-lock.json文件，然后运行npm install重新安装所有依赖，这样能避免很多隐藏的依赖冲突。
• 最后再考虑回退Bootstrap 3：如果上面的方法都没用，再考虑回退。回退前一定要先备份当前项目，然后修改package.json里的Bootstrap版本号为3.x，重新安装依赖。同时要注意，Bootstrap 3和4+的语法、组件差异很大，比如栅格类名、JS组件的调用方式都有变化，这个过程需要调整不少代码，所以是最后的备选方案。

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