我们已经完成了项目从 Angular 12 到 13 的迁移。迁移后，应用程序在我们的本地环境中运行良好，但在开发服务器上部署后，bootstrap css 出现问题。
从 Angular13 开始，键“extractCss”从 angular.json 文件中删除，这可能是应用程序无法检测到开发服务器上的引导程序库的原因。
解决方案尝试：
我们将引导程序路径从 main.scss 文件移动到 app.component.scss 文件 我们试图在我们的 index.html 文件中提供 bootstrap cdn 路径 这两种方法都不适合我们。
【问题讨论】：
标签： angular angularjs migration
听起来您的应用程序在迁移到 Angular 13 后访问 Bootstrap CSS 的方式可能存在问题。以下是一些可能有助于解决该问题的建议：
确保 Bootstrap CSS 文件正确包含在您的项目中。在 Angular 13 中，extractCss 选项已从 angular.json 文件中删除，因此您需要以不同的方式在项目中包含 Bootstrap CSS 文件。一种选择是将其作为依赖项包含在 package.json 文件中，然后使用 Webpack 中的 style-loader 和 css-loader 将其导入到您的项目中。 例如，您可以将以下内容添加到您的 package.json 文件中：
然后，在您的 main.ts 文件中，您可以使用以下代码导入 Bootstrap CSS：
检查项目中 Bootstrap CSS 文件的路径。如果您在项目中使用 Bootstrap CSS 文件的相对路径，请确保路径正确并且文件位于指定位置。如果您使用的是绝对路径，请确保路径正确并且文件位于开发服务器上的指定位置。
确保开发服务器正确提供 Bootstrap CSS 文件。如果开发服务器未正确提供 Bootstrap CSS 文件，应用程序可能无法访问它。您可以在浏览器的开发人员工具中检查网络流量，以查看是否正在请求 Bootstrap CSS 文件以及服务器是否已成功返回该文件。
我希望这些建议对您有所帮助！
【讨论】：