AngularJS无法使用Browsersync(Gulp)

时间:2016-08-01 13:37:05

标签: javascript angularjs node.js gulp

我是新来的,也是Gulp和Angular的新手。我正在尝试制作简单的应用程序,仅用于学习目的,我正在使用多个教程,所以我迷失了过程。 我正在尝试使用Gulps浏览器同步服务AngularJS / Nodejs应用程序除角度以外一切正常。我在gulp文件中写了服务应用程序所需的代码,并且我将cdn复制到带有角度文件的脚本源的角度应用程序的头文件中。所有我得到的错误就像没有注入模块,但我做的一切都正确,当我在我的wamp服务器上尝试这个它工作正常。我不知道我做错了什么人在这里可以解释我的应用程序?这是错误 “angular.js:4458未捕捉错误:[$ injector:modulerr]”

GULPFILE

gulp.task('browserSync', function () {
    browserSync({
        server: {
            baseDir: 'app'
        }
    });
});

(function () {

     'use strict'

     angular.module('app', []);

     function main() {
          var vm = this;
          vm.title = "Hello";

     }
     angular
          .module('app')
          .controller('main', main);


})()

HTML

   <head>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="js/angular.js"></script>
<head>
<body ng-app="app">
 <div class="container hero" ng-controller="main as vm">
        <h1>{{vm.title}}</h1>
        <p>Name :
            <input type="text" ng-model="name">
        </p>
        <h1>Hello {{name}}</h1>
    </div>
<body>

0 个答案:

没有答案