问题标签 [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.
angular - Angular 2 CLI 项目 - 错误:重复的标识符承诺 - 如何解决这个问题?
我有一个 angular2 CLI 项目。
两天前,因为我的 Webstorm IDE 抱怨 new Promise 和 string[].map 无法解析,我强行安装es6-promise
在node_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 项目。无法解决这个问题。任何人都可以确认这正在发生在他们身上吗?我花了半天时间试图解决这个废话。非常感谢您对此事的任何想法:)谢谢。
node.js - 如何在 node.js 服务器中提供 angular2 应用程序
我正在使用 Angular2 构建一个 Web 应用程序,以创建我正在使用 Angular2 CLI webpack 的项目。Angular2 应用程序也使用其他外部包(例如:Firebase)。除此之外,我需要创建一个在 node.js 上运行的 REST API
如何使用 node.js 服务器同时提供 Angular2 应用程序和 REST API
angular - 使用 Webpack 捆绑后应用程序的外观和行为有所不同
我最近使用最新版本的 Angular2-CLI 将我的 Angular 2 项目从 SystemJS 移到了 Webpack。项目文件几乎没有改变,只对 Angular2 代码进行了一些小改动以使项目适应新环境。
但是,现在当我使用 CLI 捆绑并运行它时,我会在页面设计上遇到一些奇怪的行为。我比较了两个页面的样式,它们是一一相同的,这意味着 Webpack 或 CLI 的某些东西弄乱了网站的外观和结构。
angular - Angular2 CLI ng build 将所有文件放在一个文件夹中
我只是在探索 Angular cli。我尝试通过以下命令构建我的项目:
它创建一个文件夹 dist 并将所有捆绑包和索引文件放在其中。
我知道我们可以在 angular-cli.json 中指定 outdir,cli 将在指定文件夹中生成所有包和 index.html 文件。
我需要的是,我希望将捆绑的 js 文件放置在:
和索引文件
我试过了,将生成的 js 包复制到 dist/js 文件夹并更新了索引文件中的路径,但它没有工作,控制台显示 404 包。
还有一个问题,ng build 命令也会生成 .gzip 文件。它的用途是什么?如何在我的应用程序中使用它?
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 版本信息
angular - 为 Angular 2 配置 history.pushState
我的 Angular 2 应用程序使用默认的HTML 5history.pushState
定位策略。如何配置服务器以history.pushState
使浏览器刷新和浏览器 URL 不生成404
s?
例如,英雄之旅应用程序有几个不同的应用程序路线,例如:
如果您在其中一个路由上点击刷新,或键入其中一个 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。
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
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 文件的适当路径?
谢谢你的帮助。
angular - 与 AoT 一起使用的 Angular 2 CLI 示例
任何人都可以分享一个具有 AppModule 和另一个模块的示例,比如 HomeModule,它具有到 HomeModule 的延迟加载路径,并且可以与 Angular 2 Cli AoT 编译选项一起使用。
当我尝试这个时,我得到错误“HomeModule 不是 NgModule。