Question

我正在使用带有Angular 4应用程序的普通bootstrap 3。当我使用ng serve编译我的应用程序进行开发时，一切正常。

当我制作ng build时，我的bootstrap.js不再加载。

这些是我在.aspx文件中的导入：

＆＃13;

<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">
  <app-root></app-root>
  <script type="text/javascript" src="/_layouts/15/ITSV.EPM2/dist/inline.bundle.js"></script>
  <script type="text/javascript" src="/_layouts/15/ITSV.EPM2/dist/polyfills.bundle.js"></script>
  <script type="text/javascript" src="/_layouts/15/ITSV.EPM2/dist/styles.bundle.js"></script>
  <script type="text/javascript" src="/_layouts/15/ITSV.EPM2/dist/vendor.bundle.js"></script>
  <script type="text/javascript" src="/_layouts/15/ITSV.EPM2/dist/main.bundle.js"></script>
</asp:Content>

＆＃13;

我在这里以angular-cli导入它：

＆＃13;

      "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ]

＆＃13;

在我的HTML中，我使用了一个下拉切换按钮：

＆＃13;

    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
      Export
      <span class="caret"></span>
    </button>

＆＃13;

Answer 1

Yoyr脚本配置意味着jquery.min.js和bootstrap.js都会捆绑到单个scripts.bundle.js文件中

"scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ]

但我看不到您在aspx文件中引用该文件

另外请记住，如果你做bg build --prod，你最终会在你的包名中加上guid。所以你必须在aspx

中处理这种情况

Angular 4 Bootstrap js在构建后没有加载

1 个答案: