标签: yeoman-generator-angular

我有一个通过自耕农生成的角度应用程序.

当我运行grunt build时,main.css正在/ assets/images目录中查找文件,这是我的项目结构.css中的文件位置没有变化.

我的dist目录项目结构:

• DIST /
  • bower_components /
  • 图片/
  • 脚本
  • 风格/
  • 的index.html

问题

main.css正在寻找/ assets/images而不是/ images.我不确定哪个插件导致了这个问题.

具体来说,我正在使用背景图片.

.landing-container {
    background-image: 
        linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.25) 52%,rgba(0,0,0,1) 100%),  
        url('/assets/images/bg_landing.jpg');
}

这是我的package.json:

"devDependencies": {
  "grunt": "^0.4.5",
  "grunt-autoprefixer": "^2.0.0",
  "grunt-concurrent": "^1.0.0",
  "grunt-contrib-clean": "^0.6.0",
  "grunt-contrib-compass": "^1.0.0",
  "grunt-contrib-concat": "^0.5.0",
  "grunt-contrib-connect": "^0.9.0",
  "grunt-contrib-copy": "^0.7.0",
  "grunt-contrib-cssmin": "^0.12.0",
  "grunt-contrib-htmlmin": "^0.4.0",
  "grunt-contrib-imagemin": "^1.0.0",
  "grunt-contrib-jshint": "^0.11.0",
  "grunt-contrib-uglify": "^0.7.0",
  "grunt-contrib-watch": "^0.6.1",
  "grunt-filerev": "^2.1.2",
  "grunt-google-cdn": "^0.4.3",
  "grunt-karma": "*",
  "grunt-newer": "^1.1.0",
  "grunt-ng-annotate": "^0.9.2",
  "grunt-svgmin": "^2.0.0",
  "grunt-usemin": "^3.0.0",
  "grunt-wiredep": "^2.0.0",
  "jshint-stylish": "^1.0.0", …

我刚刚开始使用Yeoman来构建一个新的Angular应用程序.我按照generator-angular的安装指南,但选择使用gulp而不是grunt作为任务运行器.

安装后我收到错误:task 'wiredep' is not in you gulpfile.

我尝试使用运行构建gulp并收到错误:TypeError: $.useref.restore is not a function

如果我运行gulp serve,结果页面不会连接依赖项.

是否修复了上述错误？

我注意到Yeoman使用grunt,并且gulp是实验性的,所以我猜想上面的错误是预期的.我应该在生成器的GitHub页面上将其作为问题发布吗？

我node.js在CentOS 7服务器上安装5.6版本generator-angular,并且遇到以下错误,除了一些弃用警告:

UNMET PEER DEPENDENCY generator-karma@>=0.9.0

我按照本教程的说明操作. 如何解决此错误以便npm能够成功安装generator-angular？ 还有,所有弃用警告都需要关注吗？有没有办法在generator-angular不使用弃用方法的情况下安装？

以下是显示ERROR的终端输出以及弃用警告:

[root@localhost ~]# npm install -g generator-angular
npm WARN deprecated CSSselect@0.4.1: the module is now available as 'css-select'
npm WARN deprecated CSSwhat@0.4.7: the module is now available as 'css-what'
npm WARN deprecated lodash@2.1.0: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^4.0.0.
/usr/lib
??? generator-angular@0.15.1 
? ??? chalk@1.1.1 
? ? ??? ansi-styles@2.1.0 
? ? ??? escape-string-regexp@1.0.4 
? ? ??? has-ansi@2.0.0 …

当我尝试使用以下消息在Centos 7 VPS中运行"grunt serve:dist"时,xdg-open出现问题:

警告:命令失败:xdg-open:没有可用于打开'http://0.0.0.0:9000'的方法

我尝试重新安装xdg-util但它没有用.

有人可以帮我解决这个问题吗？

提前致谢!

我来自yeoman和angular开始使用那个命令,但我抛出了这个错误,我可以做什么？

#yo angular

/usr/lib/node_modules/yo/node_modules/update-notifier/node_modules/configstore/node_modules/graceful-fs/polyfills.js:8
    cwd = origCwd.call(process)
                  ^
Error: EACCES, permission denied
    at process.cwd (/usr/lib/node_modules/yo/node_modules/update-notifier/node_modules/configstore/node_modules/graceful-fs/polyfills.js:8:19)
    at process.cwd (/usr/lib/node_modules/yo/node_modules/insight/node_modules/configstore/node_modules/graceful-fs/polyfills.js:8:19)
    at process.cwd (/usr/lib/node_modules/yo/node_modules/yeoman-generator/node_modules/download/node_modules/decompress/node_modules/decompress-tar/node_modules/tar/node_modules/fstream/node_modules/graceful-fs/polyfills.js:8:19)
    at process.cwd (/usr/lib/node_modules/yo/node_modules/yeoman-generator/node_modules/download/node_modules/decompress/node_modules/decompress-tarbz2/node_modules/tar/node_modules/fstream/node_modules/graceful-fs/polyfills.js:8:19)
    at process.cwd (/usr/lib/node_modules/yo/node_modules/yeoman-generator/node_modules/download/node_modules/decompress/node_modules/decompress-targz/node_modules/tar/node_modules/fstream/node_modules/graceful-fs/polyfills.js:8:19)
    at process.cwd (/usr/lib/node_modules/yo/node_modules/yeoman-generator/node_modules/download/node_modules/decompress/node_modules/decompress-unzip/node_modules/temp-write/node_modules/graceful-fs/polyfills.js:8:19)
    at process.cwd (/usr/lib/node_modules/yo/node_modules/yeoman-generator/node_modules/glob/node_modules/graceful-fs/polyfills.js:8:19)
    at new Environment (/usr/lib/node_modules/yo/node_modules/yeoman-generator/lib/env/index.js:45:42)
    at createEnv (/usr/lib/node_modules/yo/node_modules/yeoman-generator/index.js:38:10)
    at init (/usr/lib/node_modules/yo/cli.js:71:40)

我是 Nodejs、yeoman 新手，在使用角度生成器时遇到问题（找不到模块“spdx-license-ids”）。我安装了node、bower、grunt。详细信息如下。

错误：找不到模块“spdx-license-ids”

at Function.Module._resolveFilename (module.js:325:15)
at Function.Module._load (module.js:276:25)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object.<anonymous> (C:\Users\bdas\AppData\Roaming\npm\node_modules\generator-karma\node_modules\yeoman-generator\node_modules\read-pkg-up\node_modules\read-pkg\node_modules\normalize-package-data\node_modules\validate-npm-package-license\node_modules\spdx-correct\index.js:1:80)
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

我遇到了为字体生成的路径的问题.我正在使用具有SASS支持的yeoman角度发生器.

我有一个名为_icons.scss的文件名,我添加了一个自定义字体:

@font-face {
  font-family: "streamline";
  src:url("fonts/streamline.eot");
  src:url("fonts/streamline.eot?#iefix") format("embedded-opentype"),
    url("fonts/streamline.woff") format("woff"),
    url("fonts/streamline.ttf") format("truetype"),
    url("fonts/streamline.svg#streamline-24px-filled") format("svg");
  font-weight: normal;
  font-style: normal;
}

当我运行"grunt build"时,生成的最终CSS有不正确的路径指向我的本地计算机:

@font-face{font-family:streamline;src:url(/styles/fonts/streamline.eot);src:url(/Users/ajlopez/Desktop/dashboard/.tmp/styles/fonts/streamline.eot?#iefix) format("embedded-opentype"),url(/Users/ajlopez/Desktop/dashboard/.tmp/styles/fonts/streamline.woff) format("woff"),url(/Users/ajlopez/Desktop/dashboard/.tmp/styles/fonts/streamline.ttf) format("truetype"),url(/Users/ajlopez/Desktop/dashboard/.tmp/styles/fonts/streamline.svg#streamline-24px-filled) format("svg");

我一直试图找出他们为什么指向我的本地机器而不是dist文件夹中的相对路径,但我有点迷失.

我的grunt文件是这样的:(它几乎没有改变角度生成器创建的内容).

'use strict';

module.exports = function (grunt) {

  // Load grunt tasks automatically
  require('load-grunt-tasks')(grunt);

  // Time how long tasks take. Can help when optimizing build times
  require('time-grunt')(grunt);

  // Define the configuration for all the tasks
  grunt.initConfig({

    // Project settings
    yeoman: {
      // configurable paths
      app: require('./bower.json').appPath || 'app',
      dist: 'dist'
    },

    // …

由Yeoman用角度发生器生成的应用程序.

指示:

angular.module('psApp').directive('scrollTop', function () {
  return {
    restrict: 'A',
    scope: true,
    template: '<a href="#" ng-click="click()" class="scroll-top"><span class="glyphicon glyphicon-arrow-up"></span> Back to top</a>',
    controller: ['$scope', '$element', '$document', function ($scope, $element, $document) {
      $scope.click = function () {
        $document.scrollTop(0, 500);
      };
    }]
  };
});

测试:

describe('Directive: scrollTop', function () {

  // load the directive's module
  beforeEach(module('psApp'));

  var scope, element;

  beforeEach(inject(function ($rootScope, $compile) {
    scope = $rootScope.$new();
    element = $compile('<div scroll-top></div>')(scope);
    scope.$apply();
  }));

  it('should have "Back to top" as text', inject(function () { …

我使用yeoman设置了一个新的Angular项目.Angular版本是1.6.0.项目设置成功,但我一直面临路由问题

任务转轮 - 咕噜

当我在本地运行项目时,我的本地页面将加载URL

HTTP://本地主机:9000 /#/

我期待http:// localhost:9000 /#/

单击"关于"链接时,浏览器将路由到

HTTP://本地主机:9000 /#/%23%2Fabout

期望:http:// localhost:9000 /#/ about

当我点击主页链接浏览器被路由到

HTTP://本地主机:9000 /#/ 23%2F%

期望:http:// localhost:9000 /#/

可能是什么问题？我在我使用AngularJS 1.5.8的其他系统中没有这样的问题.

我有以下 Express.js 文件

var express = require('express');
var favicon = require('serve-favicon');
var morgan = require('morgan');
var compression = require('compression');
var bodyParser = require('body-parser');
var methodOverride = require('method-override');
var cookieParser = require('cookie-parser');
var errorHandler = require('errorhandler');
var path = require('path');
var config = require('./environment');
var passport = require('passport');

module.exports = function(app) {
    var env = app.get('env');

    app.set('views', config.root + '/server/views');
    app.engine('html', require('ejs').renderFile);
    app.set('view engine', 'html');
    app.use(compression());
    app.use(bodyParser.urlencoded({
        extended: false
    }));
    app.use(bodyParser.json());
    app.use(methodOverride());
    app.use(cookieParser());
    app.use(passport.initialize());
    app.use(passport.session()); // passport session middleware 
    if ('production' …

这可能很愚蠢，但是我无法弄清楚。

我在用：

• angularJS（1.4.7）
• yeoman 生成器角度（0.12.1）（无Sass）
• ng表（0.8.3）

当我在开发过程中运行“ grunt服务”时，表格可以完美运行。但是当我运行'grunt'并使用dist文件夹时，列不再可排序。似乎“可排序”类不适用于生产版本中的标头单元，而正在开发中。

非常感激任何的帮助。

控制器：

angular.module('couponWebApp').controller('MainCtrl', ['NgTableParams', 'couponService',

    function(NgTableParams, couponService) {

        var PAGE_SIZE = 10;
        var lastPage = 2;
        var lastPageDiscovered = false;
        var self = this;

        self.tableParams = new NgTableParams({}, {
            counts: [], // we don't want to display other page count options
            getData: function(params) {
                var currentdata = params.data;
                return couponService.getAllBatches(PAGE_SIZE, params.page()).then(function(payload) {
                    if (payload.length < 1) { // no data for this page
                        lastPageDiscovered = true;
                        lastPage = params.page() - …