问题标签 [angular2-cli]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
946 浏览

javascript - 类具有或正在使用来自外部模块的名称“SafeUrl”,但无法命名

sanitizer.bypassSecurityTrustUrl用来在页面上放置指向 blobURL 的链接。只要我不 AoT 编译项目,它就可以正常工作。

sanitize 函数采用如下 URL:

如果我使用 AoT 编译,我会收到以下错误消息:

模块构建失败:错误:/.../src/app/app.component.ts (18,3):从导出类返回的公共方法类型已经或正在使用来自外部模块的名称“SafeUrl”“/... /node_modules/@angular/platform-b​​rowser/src/security/dom_sanitization_service”但不能命名。)

我将 CLI 与 Angular 2.1.0 一起使用

任何人都知道我可以如何规避这个问题?还是应该将其报告为错误?

0 投票
0 回答
72 浏览

angular - 新的 angular2-cli 项目中的 @ngmodule 在哪里?

我用 angular 2 cli 创建了一个新项目:ng new mycoolngapp

但是,我注意到与其他 Angular 2 项目不同,这个项目没有@ngModule。

有人可以解释为什么吗?

版本信息:

角-cli:0.1.0

节点:5.0.0

操作系统:达尔文 x64

更新:

当我在我的 Windows 机器上尝试以下 cli 时,我确实得到了 .module 文件。

角-cli:1.0.0-beta.19-3

节点:4.5.0

操作系统:win32 x64

0 投票
1 回答
952 浏览

angular - 未找到 Angular 2 / Angular 2 CLI / lodash 函数

我们收到 angular-cli beta 18 的错误

将 Lodash + Types 添加到 package.json 中:-

在 angular-cli.json 的脚本部分中,我们引用了该模块

我们正在使用以下方式导入 lodash:-

import * as _ from 'lodash';

编译scripts.bundle.js后包含 lodash javascript。

有什么我忘记了吗?

谢谢!

0 投票
2 回答
1296 浏览

javascript - Sharepoint - 使用 CLI Webpack 的 Angular 2 应用程序

我试图将 Angular 2 CLI 应用程序部署到 SharePoint 2013 站点。当我通过内容编辑器 Webpart 嵌入应用程序时,该应用程序似乎可以正常工作。

查看控制台会发现以下异常:

到目前为止,我自己的情况是,SharePoints AJAX 库和 ES6 垫片会导致此错误。更准确的字符串的startsWith函数。我不记得在将 angular 2 RC 与 systemJS 模块加载器一起使用时遇到任何问题。尽管我也使用了 ES6 垫片。

我还发现,我直接使用了 ES6-Shim,而 Angular cli 使用了 NPM 的 core-js 包。

目前我被困住了,所以希望有人对此事有任何意见。

谢谢。

0 投票
1 回答
7081 浏览

angular - Angular 2 提前编译中的未知编译器选项“angularCompilerOptions”

我正在尝试在这个Angular 2 项目中使用AOT编译器。执行命令时出现错误:不是函数:。如何解决这个问题?TypeError: this.compiler.compileModules"node_modules/.bin/ngc" -p tsconfig-aot.json

重现步骤:

  1. 克隆这个仓库:https ://github.com/AngularClass/angular2-webpack-starter

  2. 安装编译器-cli(2.1.2 版): npm install @angular/compiler-cli --save

  3. 从中删除src/app/+detail目录和detail路由器src/app/app.routes.ts(我这样做是因为"node_modules/.bin/ngc" -p tsconfig-aot.json输出错误can't resolve module src/app/+detail/index.ts from src/app/+detail/index.ts:)

  4. 创建tsconfig-aot.json

    {“compilerOptions”:{“target”:“es5”,“module”:“es2015”,“moduleResolution”:“node”,“sourceMap”:true,“emitDecoratorMetadata”:true,“experimentalDecorators”:true,“removeComments “:假,“noImplicitAny”:真,“suppressImplicitAnyIndexErrors”:真},
    “angularCompilerOptions”:{“genDir”:“aot”,“skipMetadataEmit”:真}}

  5. "node_modules/.bin/ngc" -p tsconfig-aot.json

0 投票
1 回答
301 浏览

angular - 模型驱动表单 - 验证器问题

我正在测试一个简单的应用程序。这些是我的文件:

home.component.ts

这是模板文件:

但它不认识Validators井,因为当我写它时,firstname它启用了提交按钮,然后如果我把名字放在空白处,输入永远不会变成红色。

我究竟做错了什么?

编辑:

我在这里创建了一个演示

http://plnkr.co/edit/cs6N0n?p=preview

0 投票
3 回答
588 浏览

angular - 调试成 angular 2 typescript 源代码

我有一个由 angular-cli 生成的 angular2 项目。我希望能够在 chrome 开发工具中调试 angular2 typescript 源代码(不是我自己的 typescript 代码,而是实际的 angular2 代码)。node_modules 下的 angular2 npm 包仅包含转译的 javascript 文件,但它们包含源映射。我怎样才能使这项工作?谢谢。

0 投票
1 回答
1375 浏览

angular - Angular 2 内化(ng-xi18n 工具)无需代码编译

我使用ng-xi18n工具创建 i18n 文件。当我执行"./node_modules/.bin/ng-xi18n"messages.xlf 文件时创建。问题是所有代码都被编译了。js、js.map、metadata.json 文件已创建,我不需要它们。在没有 js、js.map 和 metadta.json 文件的情况下创建messages.xlf?

这是我的 tsconfig.json:

0 投票
0 回答
912 浏览

angular - Angular-cli , Karma, “你可能需要一个合适的加载器 ___Karma___: ANY

我在使用带有 Karma 的 angular-cli 对 angular 2 应用程序进行单元测试时遇到问题,我能够让量角器在 e2e 测试中正常工作。

我运行 ng test 这就是我得到的

angular2业力错误

我在未初始化 angular-cli 的 angular2 应用程序中运行 ng test。我相信这个问题以某种方式围绕 tsconfig.json 展开。

我已经通过 ng init 使用 angular-cli 初始化了一个 angular2 应用程序,当我使用 ng test 运行该应用程序时它工作正常,我相信 tsconfig 是hammerjs 的问题,而其他 js 依赖项以某种方式干扰。

任何帮助将不胜感激。

这是我的 Karma.conf.js:

这是我的 package.json

这是我的 angular-cli.json

这是我的 webpack.common.js

这是我的 tsconfig.json

这是我的 test.ts

这是我的 polyfil.browsers.ts

0 投票
1 回答
197 浏览

angularjs - Angular 2 CLI 项目;当我在子目录中的子组件中更改并保存某些内容时,实时服务器不会重新加载页面

Angular2 CLI项目;使用Linux机器;原子IDE

NG Live Development Server 在http://localhost:4200上运行,

当我在根或应用程序组件中更改并保存某些内容时,服务器会自动检测更改并重新加载页面并显示在根组件中所做更改的效果。

但是,当我在仅位于 app 目录的子目录中的子组件中更改保存某些内容时,angular2 不会检测到更改或 app 不会重新加载。

然后我停止服务器或应用程序运行(使用 ctrl c),然后run ng再次服务以查看更改的效果。所以每次我对子组件进行更改或做某事时,我都会做这个意想不到的工作。

在终端中,它不会抱怨任何错误。

任何人请帮助我,有什么问题。