我在哪里将<script src =“...”> </script>放在angular-fullstack-generator项目中?

时间:2016-09-20 02:51:40

标签: angularjs angular-fullstack mobile-angular-ui

这应该是直截了当的,但我被卡住了。

我正在尝试将mobile-angular-ui纳入angular-fullstack-generator项目,但我一直在

Uncaught SyntaxError: Unexpected token <  mobile-angular-ui.min.js:1

我在_index.html正文的末尾添加了以下内容,网络标签返回了正确的200响应。

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

如果我在这样的app.js中使用导入

import mobileUi from '../../node_modules/mobile-angular-ui/dist/js/mobile-angular-ui.js';

然后我收到以下错误

Uncaught TypeError: Cannot read property 'documentElement' of undefined   mobile-angular-ui.js:2584 

我哪里错了,我应该把它包含在哪里?

谢谢!

2 个答案:

答案 0 :(得分:0)

通常情况下,使用来自https://github.com/angular-fullstack/generator-angular-fullstack的angular-fullstack应用, 你只需写:

npm install --save mobile-angular-ui angular angular-route

并且将自动构建所有依赖项。

答案 1 :(得分:0)

在angular-fullstack中,所有前端库都通过bower处理/安装,所有后端库都通过npm处理。

因此,如果你想使用mobile-angular-ui,这是一个前端库,你应该尝试像这样安装它。

bower install --save mobile-angular-ui angular angular-route

然后添加模块依赖项

  

移动角UI

在客户端的app.js然后再次为项目服务。现在,您的相关性将自动添加到index.html文件中,您不需要自动将其包含在index.html中