Javascript 如何在使用Bootstrap 3的Angularjs应用程序中正确导入Bootstrap 4

我正在尝试迁移我的应用程序，它使用AngularJS 1.6.x和currenlty Bootstrap 3。我安装了Bootstrap4，以及Popper.js和JQuery，并为Bootstrap3到4重新编写了很多类

问题是，网格似乎没有被导入任何地方，元素到处都是。我的意思是，我的应用程序需要做更多的工作才能看起来像Bootstrap3，但它不应该那么坏

我想要的是一个清晰的解释，关于如何在AngularJS应用程序中正确导入Bootstrap4。更具体地说，在webpack.config.js中需要做什么，如果我需要以不同的方式导入它，如果我需要额外的npm包等等

各位，我知道这是一个有点模糊的问题，但对于AngularJS来说，网络上什么都没有。所以，如果你知道答案，请回答我的问题。如果你不报告，因为很多人都有类似的问题，但没有人回答。

下面是一些代码：

在index.js文件中：

import 'bootstrap/dist/css/bootstrap.min.css';

在app.js文件中：

require('bootstrap');

在package.json文件中：

"bootstrap": "^4.1.3",

同样，大多数类和webpack.config.js似乎配置正确，但我不确定。所以，如果你能把我引向导游，我将不胜感激。再次不要报告问题

更新 我的文件结构相当复杂。有两个应用程序，登录和核心

root
 |--node_modules
 |--src
 |   |--auth
 |   |   |--login
 |   |   |    |--assets
 |   |   |    |    |--html
 |   |   |    |    |   |--index.html
 |   |   |    |    |--scss
 |   |   |    |    |   |--styles.scss
 |   |   |    |    |--index.js
 |   |--app
 |   |   |--core
 |   |   |   |--assets
 |   |   |   |    |--html
 |   |   |   |    |   |--index.html
 |   |   |   |    |--scss
 |   |   |   |    |   |--styles.scss
 |   |   |   |    |--index.js
 |   |--app.js
 |   |--app.main.js
 |   |--app.menu.js
 |   |--app.routes.js
 |   |--index.js
 |--package.json
 |--webpack-base.config.js
 |--webpack.config.js  

这是文件结构的一个小示例。有更多的文件，但它们在这个问题的范围内并不重要

另外，我必须告诉你，我完全重写了我们的类，使用Bootstrap4类。问题是这些风格根本就没有得到应用。甚至CDN都不起作用

我对此完全不知所措。它应该是开箱即用的。就错误而言，我没有。这个程序编译得很好。不过它坏了。不应用css、scss样式或引导覆盖。希望我回答了你的问题

---

作为补充说明，我遵循了Bootstrap网站上的Webpack指南

你的文件夹结构如何？您得到的错误是什么？我为您的查询添加了更新。请检查一下。谢谢你的回复！那么，您是否检查了Bootstrap v.4样式是否存在？另一个问题：如果没有应用样式，您是否使用开发人员工具进行了检查？它们可能会被其他东西覆盖（据我所知，到目前为止您还没有删除引导v3-它能覆盖v4的样式吗？）我已经完全删除了引导3（删除了节点_模块中的引导文件夹）。然后重新安装引导程序4。因此，就引导程序3而言，它不应该覆盖任何内容。