问题标签 [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 投票
0 回答
358 浏览

angular - Angular 2 CLI 项目 - 错误:重复的标识符承诺 - 如何解决这个问题?

我有一个 angular2 CLI 项目。

两天前,因为我的 Webstorm IDE 抱怨 new Promise 和 string[].map 无法解析,我强行安装es6-promisenode_modules/@types文件夹内,使用:

您可以在此处找到相关问题:TypeScript 抱怨 array.map is not present on array of type string[]

Webstorm IDE 终于按预期工作了,没有红色下划线的文件,但是今天当我在浏览器中重新加载应用程序时,我得到了这 6 个错误:

在此处输入图像描述

我会说消息错误非常简单。文件夹中文件中新安装的类型与表单(typescript 编译器的主模块)发生冲突,Angular2 CLI 创建并默认使用该表单。index.d.ts@types node_module/typescript

本质上:像:“ declare class Promise<T> etc..”里面@types/es6-promise/index.d.ts 声明与typescript/lib/lib.es2015.promise.d.ts.

Ouestion: 如何解决这个问题?消除这种冲突需要什么代码?

截至目前(2016 年 10 月 2 日)——如果你ng init在 Webstorm IDE 中使用新的——你不能拥有let myPromise = new Promise()或任何其他es6 operators的——没有文件被标记为错误。如果你自己在@types 中安装东西 - 你会得到这个重复的标识符错误..

在这里不要自以为是,但我很确定不仅是我 - 刚刚创建了一个新的 ng2CLI 项目。无法解决这个问题。任何人都可以确认这正在发生在他们身上吗?我花了半天时间试图解决这个废话。非常感谢您对此事的任何想法:)谢谢。

0 投票
6 回答
28810 浏览

node.js - 如何在 node.js 服务器中提供 angular2 应用程序

我正在使用 Angular2 构建一个 Web 应用程序,以创建我正在使用 Angular2 CLI webpack 的项目。Angular2 应用程序也使用其他外部包(例如:Firebase)。除此之外,我需要创建一个在 node.js 上运行的 REST API

如何使用 node.js 服务器同时提供 Angular2 应用程序和 REST API

0 投票
1 回答
46 浏览

angular - 使用 Webpack 捆绑后应用程序的外观和行为有所不同

我最近使用最新版本的 Angular2-CLI 将我的 Angular 2 项目从 SystemJS 移到了 Webpack。项目文件几乎没有改变,只对 Angular2 代码进行了一些小改动以使项目适应新环境。

但是,现在当我使用 CLI 捆绑并运行它时,我会在页面设计上遇到一些奇怪的行为。我比较了两个页面的样式,它们是一一相同的,这意味着 Webpack 或 CLI 的某些东西弄乱了网站的外观和结构。

0 投票
1 回答
743 浏览

angular - Angular2 CLI ng build 将所有文件放在一个文件夹中

我只是在探索 Angular cli。我尝试通过以下命令构建我的项目:

它创建一个文件夹 dist 并将所有捆绑包和索引文件放在其中。

我知道我们可以在 angular-cli.json 中指定 outdir,cli 将在指定文件夹中生成所有包和 index.html 文件。

我需要的是,我希望将捆绑的 js 文件放置在:

和索引文件

我试过了,将生成的 js 包复制到 dist/js 文件夹并更新了索引文件中的路径,但它没有工作,控制台显示 404 包。

还有一个问题,ng build 命令也会生成 .gzip 文件。它的用途是什么?如何在我的应用程序中使用它?

0 投票
16 回答
43775 浏览

css - angular2-cli 给出@multi 样式错误

我最近开始使用 angular2-cli 并创建了一个新项目。我想在我的项目中使用引导程序,因此我安装了引导程序,然后想要导入引导程序 css 文件,就像它在此处的 angular2-cli 指南中显示的那样。https://github.com/angular/angular-cli#global-library-installation 运行 ng serve 后出现以下错误。

找不到多样式中的错误模块:错误:无法解析“/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 版本信息

0 投票
2 回答
59659 浏览

javascript - 打字稿:不可分配给类型错误

我是使用 angular 2 的打字稿的新手。我使用的是 angular 2-cli 的版本 1。编译时,我收到此错误消息“不可分配给类型分配 []”。我查看了数据类型,到目前为止看起来还不错,但我不确定错误到底是什么。谢谢你的帮助。

这是来自控制台的错误照片。 在此处输入图像描述

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

assignment.ts - 这是数据类型

0 投票
2 回答
7424 浏览

angular - 为 Angular 2 配置 history.pushState

我的 Angular 2 应用程序使用默认的HTML 5history.pushState 定位策略。如何配置服务器以history.pushState使浏览器刷新和浏览器 URL 不生成404s?

例如,英雄之旅应用程序有几个不同的应用程序路线,例如:

如果您在其中一个路由上点击刷新,或键入其中一个 URL,您将得到404因为/detail/13它是应用程序路由,而不是服务器资源。head我已经在我的顶部配置了位置策略index.html

但是应该如何配置服务器,以便将所有 URL 发送到我的应用程序而不是生成一个404

注意:这个问题是对问题Angular 2 的补充:当我通过浏览器刷新时发生 404 错误,并且Angular 2.0 路由器无法重新加载浏览器,询问如何解决这个问题。对于 Firebase,有这样的:当我刷新我的网站时,我得到一个 404。这是与 Angular2 和 firebase 一起使用的,对于 Apache 有这样的:htaccess redirect for Angular routes

0 投票
1 回答
813 浏览

angular - 将 Neo4j Javascript 驱动程序导入 Angular 2 CLI 时出错

您好,我在 Angular 2 CLI 应用程序中尝试使用 Neo4j 驱动程序时遇到了一些未找到模块的错误。

我可能会遗漏一些试图导入它的东西。

  • 我安装它:ng install neo4j-driver
  • 在我的 service.ts 中:import 'neo4j-driver/lib/browser/neo4j-web';
  • 尝试在服务中调用此示例代码:

    /li>

当我我的应用程序提供服务时,我收到以下错误:

角度-cli:1.0.0-beta.15 节点:4.5.0 操作系统:win32 x64

0 投票
2 回答
844 浏览

angular - Angualr2 AngularCLI App 在 node_modules 库中找不到 HTML 文件

我有一个 Angular2 Angular-CLI 应用程序,它正在使用通过 NPM(node_modules 文件夹)安装的自定义库。我的 Angular2 应用程序可以在设计时定位自定义库组件。但是,当通过 ng serve 为应用程序提供服务时,应用程序在运行时会出现 404 错误,HTML、CSS 文件存在于通过 NPM 安装的自定义库中:

http://localhost:4200/cdf-media-slider.component.html 404(未找到)

cdf-video.component 是一个自定义 Angular2 库,我正试图在我的应用程序中工作。如何让我的应用程序从 node_modules 的库中提供组件和相应的 HTML、CSS 文件?

以下是我关于 Angular-CLI 的详细信息:

角度-cli:1.0.0-beta.18
节点:6.6.0
操作系统:win32 x64

以下是自定义组件加载 HTML 文件的方式:

cdf-media-slider.component.html 和 cdf-media-slider.component.less 与该组件位于同一文件夹中。此代码最终驻留在 node_modules 中。我正在使用桶形方法来显示代码,其中每个文件夹都有一个导出其内容的 index.ts 文件。每个父文件夹都有一个 index.ts 导出它的子索引等。

在使用此自定义组件的客户端应用程序中,我正在像这样导入组件:

VisualStudio Code 可以找到这个文件,因为我有智能感知并且它不会抱怨它丢失了。然而,在运行时,找不到 HTML 和 CSS 文件 (404),应用程序正在应用程序的根目录 ( http://localhost:4200/cdf-media-slider.component.html ) 中查找它们。

如何获得 HTML 和 CSS 文件的适当路径?

谢谢你的帮助。

0 投票
1 回答
101 浏览

angular - 与 AoT 一起使用的 Angular 2 CLI 示例

任何人都可以分享一个具有 AppModule 和另一个模块的示例,比如 HomeModule,它具有到 HomeModule 的延迟加载路径,并且可以与 Angular 2 Cli AoT 编译选项一起使用。

当我尝试这个时,我得到错误“HomeModule 不是 NgModule。