问题标签 [angular-cli-v6]

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 投票
1 回答
1723 浏览

angular - Angular Cli 错误:位置 1008 的 JSON 中的意外标记]

我在生成组件和服务时遇到问题。我在位置 1008 处的 JSON 中收到错误“Unexpected token ]” 我拥有的唯一这么长的文件是 package-lock.json 但即使在我使用 rm package-lock.json 之后我仍然收到相同的错误消息(尽管我没有文件)。我以前可以在 cli 上添加组件,但我不知道发生了什么变化,现在我不能。我将最近更改的文件和 json 文件放在这里:

角.json

包.json

./courses/course.service

/.courses/course-list/course-list.component

/.courses/course.ts

0 投票
2 回答
4809 浏览

angular - ASP.Net MVC Core:预渲染构建过程未在 50 秒的超时时间内完成

我有带有 SPA Prerendering 的 ASP.Net MVC Core (2.1.0)。

我在“等待下一个()”行中的 JWT 令牌中间件中出现超时。

当我将 @angular/cli 更新到最新版本 (v6.0.8) 时,我开始收到错误,该版本还添加了 @angular-devkit/build-angular (v0.6.8)。

运行“ng build”时我没有收到任何错误。

堆栈跟踪:

System.TimeoutException:预渲染构建过程未在 50 秒的超时时间内完成。检查日志输出以获取错误信息。在 Microsoft.AspNetCore.SpaServices.Extensions.Util.TaskTimeoutExtensions.WithTimeout(任务任务,TimeSpan timeoutDelay,字符串消息)在 Microsoft.AspNetCore.Builder.SpaPrerenderingExtensions.<>c__DisplayClass0_0.<b__1>d.MoveNext() --- 结束来自先前引发异常的位置的堆栈跟踪 --- 在 Microsoft.AspNetCore.StaticFiles.StaticFileMiddleware.Invoke(HttpContext context) 在 Microsoft.AspNetCore.Builder.RouterMiddleware.Invoke(HttpContext httpContext) 在 MyProject.JwtTokenMiddleware.<>c__DisplayClass0_0.< /MyProject/UseJwtTokenMiddleware.cs 中的 b__0>d.MoveNext():

更新:

angular-cli 升级替换了一些设置。原始 .angular-cli.json 文件具有服务器端渲染文件夹的设置。升级重写的新 angular.json 文件已经消失了。这就是 ASP.Net 找不到它的原因。我现在必须将 SSR 设置放回 angular.json 文件中。

更新 2:

https://angular.io/guide/universal#angular-cli-configuration上的文档概述了在 angular.json 中放入的内容。

0 投票
0 回答
429 浏览

angular - 无法安装 Angular CLI

请帮我解决我的问题。提前致谢。我在尝试安装 Angular cli 时遇到错误。

  • 节点 - v8.11.3
  • npm - 6.1.0
  • Windows 10 64 位操作系统

E:\Workout\Angular JS 4>npm install @angular/cli@latest

@angular/cli@6.0.8 安装后 E:\Workout\Angular JS 4\node_modules@angular\cli node ./bin/ng-update-message.js

npm WARN angular-cli@6.0.0 没有存储库字段。npm WARN 可选跳过可选依赖:fsevents@1.2.4 (node_modules\fsevents):npm WARN notsup 跳过可选依赖:fsevents@1.2.4 不支持的平台:想要 {"os":"darwin","arch":"any "} (当前: {"os":"win32","arch":"x64"})

npm 错误!文件 bash npm 错误!路径 bash npm 错误!代码 ELIFECYCLE npm 错误!errno ENOENT npm 错误!系统调用产生 bash npm ERR!@angular/cli@6.0.8 安装后:node ./bin/ng-update-message.jsnpm 错误!生成 bash ENOENT npm 错误!npm 错误!@angular/cli@6.0.8 安装后脚本失败。npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。

0 投票
1 回答
81 浏览

javascript - Angular CLI 包中的 Javascript 应该是 application/javascript 还是 text/javascript?

Angular CLI 将注入

到 index.html。但是,在调查为什么即使打开压缩设置,IIS 也不会压缩 javascript 文件时,我意识到默认情况下 javascript 的 MIME 类型是 application/javascript。这就是没有发生压缩的原因。所以我的解决方法是修改MIME类型定义是IIS站点。但是,我想真正的解决方案是 Angular CLI 注入

到 index.html。

你同意?如果是这样,Angular CLI 是否支持这个?或者你有什么办法?

0 投票
4 回答
8557 浏览

angular - 是否可以使用单个 angular-cli 命令(如 ng generate component comp1、comp2、comp3)生成多个 Angular 组件?

我需要创建十个 Angular 组件,例如 comp1、comp2、comp3、comp4、...、comp10。所以我需要为每个组件(如 ng gc comp1、ng gc comp2 等)执行十次相同的命令。

是否有任何选项可以使用单个 angular-cli 命令生成多个角度分量,例如 ng gc comp1, comp2, comp3

0 投票
0 回答
934 浏览

angular-cli - 未捕获的错误:无法解析 AppComponent 的所有参数:([object Object], [object Object], ?, [object Object],

我在 angular cli (1.7) 中有一个应用程序,我将其升级为 angular cli 6.0.8。我遇到了很多已经解决的问题。我的应用程序现在能够成功编译,但是当我尝试运行此应用程序时,我在浏览器控制台中遇到异常。错误是如此普遍(没有帮助),我没有太多经验。请指导我如何解决?

由于构造函数调用,错误似乎在 AppComponent.ts 中。如果我们需要任何额外的细节,请询问,我将分享其他文件

--------------app.component.ts----------------------------- -------------

----------app.component.html------------------------ ------

0 投票
2 回答
15838 浏览

angular - Angular 6 应用程序无法在 IE < 11 中运行

我的 Angular 应用程序在 IE 11 以下无法运行,但以前它甚至无法在 IE 11 中运行,但在取消注释 polyfills.ts 中的一些导入后它可以运行,但问题在较低版本中仍然存在。

这里分别是我的 polyfills.ts、package.json 和浏览器控制台错误

polyfills.ts

包.json

IE 10 中的控制台错误 在此处输入图像描述

而对于 IE 9 控制台是空的。

请提出一个可能的解决方案。

0 投票
1 回答
4339 浏览

angular - angular cli 6 无法在 style.scss 中加载外部 scss 文件?node_modules/raw-loader/node_modules/postcss-loader/lib??embedded

./src/styles.scss 中的错误 (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14 -3!./src/styles.scss)(发出的值而不是错误的实例)CssSyntaxError:/Users/src/assets/sass/modules/partials/_landing.scss:5:16:无法解析'。 ./assets/images/header-bg.png' in '/Users/src'

3 | } 4 | .inner-page-banner {

5 | 背景: url(../assets/images/header-bg.png) 无重复中心;| ^ 6 | 背景尺寸:封面;7 | /* 背景附件:固定;*/

ℹ「wdm」:编译失败。

Angular.json

在此处输入图像描述

0 投票
1 回答
2669 浏览

angular - Angular6 在 environment.ts 中使用系统环境变量

在我的 Angular4 应用程序中,我弹出了 webpack 配置并使用 dotenv 模块从 .env 文件中读取并在应用程序中使用这些配置变量。由于我更新到 Angular6,因此“ng 弹出”已被贬低,我正在使用 angular-cli。我正在寻找解决此问题的方法(使用配置文件或系统环境变量)。

如果我可以在 application.properties 文件中的 Spring Framework 中进行引用

MYSQL_DB_USERNAME 是环境变量。我想在 environment.ts 中使用这种行为

0 投票
1 回答
256 浏览

angular - IntelliJ 和 AngularCLI 6 - 按包名导入库

我有一个 Angular CLI 6 项目,其中包含 2 个组件:

  • 带有服务/组件的库
  • 一个使用这个库的项目

当我想在前端项目中使用该库时,我应该使用例如:

相反,使用 IntelliJ 时,当我使用自动导入功能(即我正在输入SomeLibModule并按 Alt + Enter)时,指定的导入是:

如何更改此行为以使用其包名称更喜欢导入?

这里有一个简单的存储库来重现此行为:https ://github.com/lbar/ngcli-with-lib (库导入在 中app.module.ts)。

谢谢你。