标签: angular2-cli

我知道这是一种糟糕的做法,但与我配对:

我正在使用Angular-CLI,特别ng g是生成我的所有类,但是,我对任何测试文件都不感兴趣*.spec.ts,我知道有两个标志(--inline-template,--inline-style)来处理内联CSS和HTML而不是分离文件.对于spec,默认标志设置为true--spec

所以对于每次运行,是的,我可以这样做 ng g c foo --it --is --spec=false

但是如何全局禁用测试文件的创建？它有默认设置吗？

拉什利,我做了一些像(不起作用)的东西:

ng set spec=false --global

然后尝试src/tsconfig.json通过填充exclude数组来配置ts设置文件.

"exclude": [
    "**/*.spec.ts"
]

截至今天上午,具有角CLI的1.0.0-beta.14我ng new try3和ng serve并得到以下错误:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration has an unknown property 'tslint'. These properties are valid:
   object { amd?, bail?, cache?, context?, devServer?, devtool?, entry, externals?, loader?, module?, name?, dependencies?, node?, output?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }
 - configuration.module has an unknown property 'preLoaders'. These properties are valid:
   object { …

我试图在我的项目中包含一些自定义字体但没有成功.

注意:我使用的是angular-cli:angular-cli@1.0.0-beta.21

1. 我把字体放在文件夹中

   SRC /资产/字体/的Roboto-Regular.tff

2. 我加入 src/styles.css

   @ font-face {font-family:"Roboto-Regular"; src:url("./ assets/fonts/Roboto-Regular.tff"); }

3. 我在一个组件中使用它 .scss

   font-family:"Roboto-Regular";

4. 我收到404错误:

   找不到模块"./assets/fonts/Roboto-Regular.tff"客户端？93b6:80 ./~/css-loader?sourcemap!./〜/ postcc-download =.rc/styles.css找不到模块:错误:无法解析'D:\ Work\Blah\angular\BlahFrontEnd\src'中的'./assets/fonts/Roboto-Regular.tff''解析'./assets/fonts/Roboto-Regular.tff'in' D:\ Work\Blah\angular\BlahFrontEnd\src'使用描述文件:D:\ Work\Blah\angular\BlahFrontEnd\package.json(相对路径:./ src)字段'browser'不包含有效别名使用描述文件后的配置:D:\ Work\Blah\angular\BlahFrontEnd\package.json(相对路径:./ src)使用描述文件:D:\ Work\Blah\angular\BlahFrontEnd\package.json(相对路径: ./src/assets/fonts/Roboto-Regular.tff)作为目录D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff不存在没有扩展字段'浏览器'没有' t包含有效的别名配置D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff不存在.ts字段'浏览器'不合作 获得有效的别名配置D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.ts不存在.js字段'browser'不包含有效的别名配置D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.js不存在[D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff] [ D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff] [D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.ts] [ D:\ Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.js] @ ./~/css-loader?sourcemap!./~/postcss-loader!./src/styles. css 6:793-837 @ ./src/styles.css @dulti styles

5. 如果我在app.component.scssI get 404错误中添加了font-face定义

   jquery.js:2 GET http:// localhost:4200/assets/fonts/Roboto-Regular.tff 404

有关如何包含我的Roboto-Regular.tff字体的任何想法？

最好的祝福

我收到一个错误:没有定义jsPDF,我现在使用以下代码:

import { Component, OnInit, Inject } from '@angular/core';
import 'jspdf';
declare let jsPDF;
@Component({
  ....
  providers: [
    { provide: 'Window',  useValue: window }
  ]
})
export class GenratePdfComponent implements OnInit {

  constructor(
    @Inject('Window') private window: Window,
    ) { }

  download() {

        var doc = jsPDF();
        doc.text(20, 20, 'Hello world!');
        doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');    
        doc.save('Test.pdf');
    }
} 

我已经安装了jsPDF的npm,但不知道如何导入jspdf并使用angular-cli运行:1.0.0-beta.17

当我使用angular-cli构建项目时,它将所有项目文件捆绑到一个大的主要包中.

我在应用程序中使用了延迟路由,一旦应用程序加载,我就可以正常导航.

有没有一种方法可以根据延迟加载的路由模块将主包分成多个文件？

以下是配置 angular-cli.json

    {
  "project": {
    "version": "1.0.0-beta.15",
    "name": "maddy-test-project"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": "styles/content",
      "index": "default.htm",
      "main": "main.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.json",
      "prefix": "",
      "mobile": false,
      "styles": [
        "styles.less"
      ],
      "scripts": [
        "styles/wfa-myriad-pro-typekit.js"
      ],
      "environments": {
        "source": "environments/environment.ts",
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "addons": [],
  "packages": [],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "less",
    "prefixInterfaces": false
  } …

我是angular-cli的新手,想要通过env为我的api服务调用加载url.例如

local: http://127.0.0.1:5000
dev: http://123.123.123.123:80
prod: https://123.123.123.123:443

例如在environment.prod.ts中

我假设这个:

export const environment = {
  production: true
  "API_URL": "prod: https://123.123.123.123:443"
};

但是从angular2,我如何调用以便获得API_URL？

例如

this.http.post(API_URL + '/auth', body, { headers: contentHeaders })
      .subscribe(
        response => {
          console.log(response.json().access_token);
          localStorage.setItem('id_token', response.json().access_token);
          this.router.navigate(['/dashboard']);
        },
        error => {
          alert(error.text());
          console.log(error.text());
        }
      );
  } 

谢谢

我最近开始使用angular2-cli并创建了一个新项目.我想在我的项目中使用bootstrap,因此我安装了bootstrap然后想要导入bootstrap css文件,就像它在angular2-cli指南中所示.https://github.com/angular/angular-cli#global-library-installation 运行ng服务后,我收到以下错误.

多样式中的错误找不到模块:错误:无法解析'/ home/krishna/angular2_migrate/webui/node_modules中的'/home/krishna/angular2_migrate/webui/node_modules/bootstrap/dist/css/bootstrap.min.css'/angular-cli/models'@多种风格

我究竟做错了什么 ？

有关angular2-cli版本的信息

krishna@Krishna:~/angular2_migrate/webui$ ng version
Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.
angular-cli: 1.0.0-beta.17
node: 4.4.3
os: linux x64

我是使用带有角度2的打字稿的新手.我正在使用角度2-cli的版本1.编译时,我收到此错误说"不能分配给类型Assignment []".我查看了数据类型,到目前为止它看起来还不错,但我不确定错误究竟是什么.谢谢你的帮助.

这是控制台错误的照片.

data.ts文件 - 这是数组中出现的两个项目

export const Assignments: Assignment[] = [
  {
    "a_type": "one",
    "a_title": "Assignment 1",
    "symbol": 1,
    "show": false,
    "tooltip": {
        "left": 82
    },
    "buttonPos":{
        "left": 130
    },
    "printTop": 0,
    "instructions": "Instructions here",
    "due_date": "sept-15.png",
    "percentage": "10.png",
    "taskA": {
        "name": "Option A",
        "a_title": "Task A",
        "information": "Instructions for task A",
        "selectA": true
    }
}, {
    "a_type": "two",
    "a_title": "Assignment 2",
    "symbol": 2,
    "show": false,
    "sub_a_title": "Assignment Information",
    "tooltip": {
        "left": 200
    },
    "buttonPos":{
        "left": 250
    },
    "printTop": …

我将Angular 2 CLI项目更新1.0.0-beta.11-webpack.2为1.0.0-beta.11-webpack.8via ng init.我的项目使用Angular 2.0.0-rc.5和Angular Material 2.0.0-alpha.7-4但是在运行时遇到ng serve以下错误:

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve 'hammerjs' in '/home/jan/src/fm-repos/fm-ui/src/app'
 @ ./src/app/app.module.ts 38:0-18
 @ ./src/app/index.ts
 @ ./src/main.ts
 @ multi main

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/core/gestures/MdGestureConfig.d.ts:4:39 
Cannot find name 'HammerManager'.

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/slide-toggle/slide-toggle.d.ts:67:19 
Cannot find name 'HammerInput'.

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/slider/slider.d.ts:50:19 
Cannot find name 'HammerInput'.

ERROR in [default] /home/jan/src/fm-repos/fm-ui/node_modules/@angular2-material/slider/slider.d.ts:52:24 
Cannot find name 'HammerInput'.

我想在使用angular-cli构建的angular2项目中包含underscore.js .直到现在我无法这样做.我到目前为止尝试过:

1- npm安装下划线--save

2- tsd安装下划线

3- script src ="node_modules/underscore/underscore.js",index.html中的引用

4-在system-config.js中

/** Map relative paths to URLs. */
var map = {
    'underscore': '../node_modules/underscore/underscore.js'
};
/** User packages configuration. */
var packages = {
    'underscore': '../node_modules/underscore/underscore.js'
};

5- import*as _ from'underscore';

但是在运行期间,underscore.js没有被复制到'dist'目录中,并且浏览器抱怨没有找到underscore.js.我想我在第4点缺少一些东西.当我开始学习angular2时,非常感谢任何帮助.请记住,这个项目是由angular-cli制作的,而不是任何其他种子项目.除了Underscore.js,项目工作正常.

[编辑] package.json在依赖项中有"下划线":"^ 1.8.3"