Question

当我运行＆＃34; grunt serve＆＃34;时，我得到＆＃34; ReferenceError：angular未定义＆＃34;。这是我的app.js和index.html。我试图运行＆＃34; bower update＆＃34;，＆＃34; bower install＆＃34;但是没有工作。

/client/app/app.js

'use strict';

 angular.module('contactsServerApp', [
 'ngCookies',
 'ngResource',
 'ngSanitize',
 'btford.socket-io',
 'ui.router',
 'ui.bootstrap'
])

index.html（部分）

    <!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/json3/lib/json3.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/lodash/dist/lodash.compat.js"></script>
<script src="bower_components/angular-socket-io/socket.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<!-- endbower -->
<script src="socket.io-client/socket.io.js"></script>
<!-- endbuild -->
<!-- build:js({.tmp,client}) app/app.js -->
<script src="app/app.js"></script>
<!-- injector:js -->
<script src="app/account/account.js"></script>
<script src="app/account/login/login.controller.js"></script>
<script src="app/account/settings/settings.controller.js"></script>
<script src="app/account/signup/signup.controller.js"></script>
<script src="app/admin/admin.controller.js"></script>
<script src="app/admin/admin.js"></script>
<script src="app/main/main.controller.js"></script>
<script src="app/main/main.js"></script>
<script src="components/auth/auth.service.js"></script>
<script src="components/auth/user.service.js"></script>
<script src="components/modal/modal.service.js"></script>
<script src="components/mongoose-error/mongoose-error.directive.js"></script>
<script src="components/navbar/navbar.controller.js"></script>
<script src="components/socket/socket.service.js"></script>
<!-- endinjector -->
<!-- endbuild -->

当我跑步＆＃34; grunt serve＆＃34;

$ grunt serve
Running "serve" task

Running "clean:server" (clean) task

Running "env:all" (env) task

Running "concurrent:server" (concurrent) task

Running "injector:scripts" (injector) task
Missing option `template`, using `dest` as template instead
Injecting js files (14 files)

Running "injector:css" (injector) task
Missing option `template`, using `dest` as template instead
Injecting css files (5 files)

Running "wiredep:target" (wiredep) task
client/index.html modified.

Running "autoprefixer:dist" (autoprefixer) task

Running "express:dev" (express) task
Starting background Express server
Debugger listening on port 5858
e:\ContactDocuments\Backend\client\app\app.js:3
angular.module('contactsServerApp', [
^

ReferenceError: angular is not defined
at Object.<anonymous> (e:\ContactDocuments\Backend\client\app\app.js:3:1)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Function.Module.runMain (module.js:441:10)
at startup (node.js:139:18)
at node.js:968:3

Running "wait" task
>> Waiting for server reload...
Done waiting!

Running "open:server" (open) task

Running "watch" task
Waiting...

您对此错误有所了解吗？

Answer 1

在.bowerrc中将“bower_components”更改为“app / bower_components”，然后再次运行“bower install”。
将延迟标记添加到脚本文件中。
或者您可以使用CDN链接。

没有使用gulp运行bower命令。您可以将其添加到gulp文件中，

gulp.task('serve', function (cb) {
    runSequence('clean:tmp',
    ['lint:scripts'],
    ['start:client'],
    ['bower'],
    'watch', cb);
});

ReferenceError：angular未定义为Yeoman

1 个答案: