angularjs - 如何在 Angular 1 中使用 npm 安装模块

Question

我正在尝试使用 npm 安装 bootstrap。我跑了:

npm install angular-ui-bootstrap

这就成功地将模块安装在 node_modules 文件夹中。问题是我似乎无法引用 index.html 中的文件。我输入以下行:

<script src="/node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>

但它返回 404。我有 3 个问题:

1. 我引用的文件是否正确
2. 如何将文件包含在 index.html 中

3. 如果我在 html 中包含该文件，是否足以消除我遇到的另一个错误:

   Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to:
   Error: [$injector:nomod] Module 'ui.bootstrap' is not available!
   

文件结构如下:

Project
    -app
        -index.html
    -node_modules
        -angular-ui-bootstrap
            -dist
                -ui-bootstrap.js

Answer 1

只需删除 /来自 <script src="/node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>像这样:

<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>