Angularjs 需要通过webpack angular 1.x项目显示引导_Angularjs_Twitter Bootstrap_Npm_Webpack

Angularjs 需要通过webpack angular 1.x项目显示引导

angularjs twitter-bootstrap npm webpack

Angularjs 需要通过webpack angular 1.x项目显示引导,angularjs,twitter-bootstrap,npm,webpack,Angularjs,Twitter Bootstrap,Npm,Webpack,我已经在基于网页包的angular 1.x项目中安装了npm引导。但当我在require（“jquery”）之后require（“bootstrap”）时，我得到的是模块未找到错误。说 [$injector:modulerr]未能实例化模块adminsuite，原因是：错误：[$injector:nomod]模块“adminsuite”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保指定正确的拼写谁能解释一下怎么用它吗。如果我需要较少的引导支持，我该怎么做呢我还没有为引导实现

我已经在基于网页包的angular 1.x项目中安装了npm引导。但当我在require（“jquery”）之后require（“bootstrap”）时，我得到的是模块未找到错误。说

[$injector:modulerr]未能实例化模块adminsuite，原因是：错误：[$injector:nomod]模块“adminsuite”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保指定正确的拼写

谁能解释一下怎么用它吗。如果我需要较少的引导支持，我该怎么做呢

我还没有为引导实现对webpack.congif.js文件做任何更改

网页包配置。 }

index.js index.html


OPG管理套件
管理员套件
用户名
密码
登录

有人能帮我解决这个问题吗。

您的错误与引导无关-调用

angular.module

，只需一个参数即可获得现有模块，而不是创建一个。您需要传递一个数组（包含模块具有的任何依赖项的名称）作为第二个参数

// Wrong
var ngModule = angular.module('adminsuite');

// Right
var ngModule = angular.module('adminsuite', []);

您的错误与引导无关-使用一个参数调用

angular.module

将获取现有模块，而不是创建一个。您需要传递一个数组（包含模块具有的任何依赖项的名称）作为第二个参数

// Wrong
var ngModule = angular.module('adminsuite');

// Right
var ngModule = angular.module('adminsuite', []);

    <!DOCTYPE html>
<html>
  <head>
        <meta charset ="utf-8">
        <title>OPG Adminsuite</title>
  </head>
  <body ng-app="adminsuite">
    <h1>Adminsuite</h1>


    <div class="container">
        <form class="login-form">
            <div class="form-group">
                  <label for="username">Username</label>
                  <input type="username" class="form-control" id="username" placeholder="Userame">
            </div>
            <div class="form-group">
                  <label for="password">Password</label>
                  <input type="password" class="form-control" id="password" placeholder="Password">
            </div>
            <button type="submit" class="btn btn-default">Login</button>
        </form>


    </div>


    <script src="bundle.js" charset="utf-8"></script>
  </body>
</html>

// Wrong
var ngModule = angular.module('adminsuite');

// Right
var ngModule = angular.module('adminsuite', []);