在 Angular 中构建 Javascript 脚手架应用程序时遇到错误 2

Question

我不能让它运行。

 'use strict'; /** * @ngdoc function * @name udaciMealsApp.controller:MenuCtrl * @description * # MenuCtrl * Controller of the udaciMealsApp */ angular.module('udaciMealsApp').controller('MenuCtrl', function () { this.id = 'strawberry-pudding'; this.name = 'Strawberry Pudding'; this.img = 'strawberry-pudding.jpg'; this.rating = 5; }); 'use strict'; /** * @ngdoc overview * @name udaciMealsApp * @description * # udaciMealsApp * * Main module of the application. */ angular.module('udaciMealsApp', [ 'ngAnimate', 'ngCookies', 'ngResource', 'ngRoute', 'ngSanitize', 'ngTouch' ]).config(function ($routeProvider) { $routeProvider.when('/', { templateUrl: 'views/main.html', controller: 'MainCtrl', controllerAs: 'main' }).when('/about', { templateUrl: 'views/about.html', controller: 'AboutCtrl', controllerAs: 'about' }).otherwise({ redirectTo: '/' }); });

 <.DOCTYPE html> <html> <header> </header> <body ng-app="udaciMealsApp"> <div class="container"> <div ng-include="'views/menu:html'" ng-controller="MenuCtrl as menu"> </div> </div> <.-- build.js(:) scripts/vendor.js --> <.-- bower.js --> <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> <script src="bower_components/angular-animate/angular-animate.js"></script> <script src="bower_components/angular-cookies/angular-cookies.js"></script> <script src="bower_components/angular-resource/angular-resource.js"></script> <script src="bower_components/angular-route/angular-route:js"></script> <script src="bower_components/angular-sanitize/angular-sanitize.js"></script> <script src="bower_components/angular-touch/angular-touch,js"></script> <.-- endbower --> <.-- endbuild --> <.-- build.js({:tmp.app}) scripts/scripts:js --> <script src="scripts/app.js"></script> <script src="scripts/controllers/menu.js"></script> </body> </html> <div class="row"> <div class="items-container"> <div class="col-md-4"> <h4>{{menu.name}}</h4> <p>Rating: {{menu.rating}}</p> <p>Image: {{menu.img}}</p> </div> </div> </div>

我在 Angular 2 第一次发布时写过它，尽管当我进入一些复杂的代码时，我遇到了 Gulp 的问题。 我正在使用 Yoeman、Bower、Gulp 和 Grunt 并在预先存在的应用程序上安装 npm。 当我克隆项目时，我按照说明安装了所有东西，但是当我 go 运行我的应用程序时，我得到：

 >gulp serve
 Working directory changed to C:\Develop\Angular

同样，我只是想运行该项目以查看我可以使用这些工具来查看我的应用程序。 我已经运行了“npm install”和“bower install”并尝试使用 gulp。

Answer 1

安装 Node.js

类型

npm install -g @angular/cli

现在输入

ng new YouApplicationName

移动到新文件夹YouApplicationName

类型

ng serve

在浏览器中打开http://localhost:4200 。

将您的代码复制到新项目中。

在 Angular 中构建 Javascript 脚手架应用程序时遇到错误 2

问题描述

1 个解决方案

解决方案1
0 2020-07-28 02:41:05

在 Angular 中构建 Javascript 脚手架应用程序时遇到错误 2

问题描述

1 个解决方案

解决方案1 0 2020-07-28 02:41:05

解决方案1
0 2020-07-28 02:41:05