问题标签 [angular-cli-v7]

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 回答
97 浏览

angular - Electron-Builder打包后JSON文件的运行时处理

在 electron-bulder 打包 Windows 可执行文件后,我想在运行时从本地磁盘读取 JSON 文件。这些文件已经作为构建本身的一部分存在,并且我设置了以下内容以将 JSON 文件放置在我认为应该与两个开发版本相关的目录中。

当我打开我的发布文件夹并检查解压缩的文件时,我会看到一个json包含我的文件的文件夹。我目前正在.ts使用import * as alias from '@json/jsonFile.jsonwhere@json是我的'paths'部分中定义的路径在我的文件中导入 JSON 文件tsconfig.json。如果我在构建发布后更改 JSON 文件,然后运行电子应用程序,则不会获取更改。

这是因为 JSON 文件在电子构建过程中被打包,因此我转储到json文件夹中的文件实际上是无用的?我真的希望能够让用户控制他们如何更新输出 JSON 文件,以便对应用程序处理的数据进行一定程度的动态控制。

任何帮助将不胜感激。

谢谢!

0 投票
0 回答
259 浏览

angular - 为什么初始化新项目时 Angular CLI 提示停止工作?

我刚刚安装了 Angular CLI。当我ng new project-name在命令行上运行时,我会收到一个提示,询问有关 angular-router 和 CSS 设置的安装。但是,当我运行相同的命令来创建其他项目时,我不再有提示,而是应用程序只是被屏蔽了。如何让提示再次显示?

0 投票
1 回答
551 浏览

angular - 如何在角度(CLI 7)中为生成的块文件指定绝对 URL

我从 CDN 提供我的 javascript 文件时遇到问题。在新的 angular cli (v7) 中,当我启用延迟加载时,默认情况下会从根目录加载生成的块文件,但是我希望它们从不同的 url(在本例中为 s3)提供服务。

它是如何加载的:

我希望它如何加载:

只是提到我已经尝试过 base href 并且它不起作用。它仍然从根加载块文件。

0 投票
0 回答
398 浏览

angular - Angular 7 CLI 项目中的 node_modules 磁盘大小约为 660Mb

当我尝试生成一个全新的 Angular CLI 项目(使用 ng new 命令)时,node_modules 的大小约为 660Mb。我不知道为什么这些资源自 v6 以来增长如此之快,其中 node_modules 大约小了两倍。

如何优化?只有我一个人为此苦苦挣扎吗?我不敢相信 660Mb 是合适的大小。您项目中的 node_modules 大小如何?

节点-v 10.1.0,npm -v 5.6.0,Win10x64

下面生成 package.json

0 投票
2 回答
419 浏览

angular - 角度/cli问题

我对 angular/cli (WINDOWS) 有一个奇怪的问题。一年前,我在我的电脑上安装了 Angular 并创建了一个新项目,一切都很好。当一个新版本出来时,我一直在更新 angular(现在我在 v7 上)。今天我必须创建一个新项目。如果我运行该ng new my-new-project --skip-install命令,一切正常,但会创建一个 Angular 项目 5:

在此处输入图像描述

其中包含以下内容:

在此处输入图像描述

我尝试更新我的全局 CLI 版本,这样做npm install -g @angular/cli@latest

在此处输入图像描述

完成此操作后,我执行ng --version并看到:

在此处输入图像描述

很奇怪,但没关系。如果我尝试生成一个新项目,则会发生我之前解释的相同事情。为什么会这样?有什么办法可以解决吗?提前致谢。

编辑

我的节点版本是 11.6.0 :

在此处输入图像描述

我以管理员身份尝试:

  • npm uninstall -g @angular/cli

  • npm cache verify

  • npm install -g @angular/cli@latest

结果是一样的。即使重新启动,它仍然无法正常工作。。

在此处输入图像描述

0 投票
0 回答
922 浏览

angular - 如何在 angular-cli 编译器中使用“url-loader”

通常我运行我的项目并使用 WebPack 构建我的 SASS 文件,我有生成 CSS 文件的规则,并将该 sass 文件中的url-loader所有url(...)内容转换为 dataURI。

所以background: url('my-file.svg')将转换为background url('data:image/svg+xml;base64,SoMeGiBbeRiShHeRe')

我想知道是否有办法通过ng编译器实现这一目标?我对此进行了一些研究,方法是使用ng eject,但该选项不再可用。

0 投票
1 回答
2097 浏览

angular - 为 Angular 7 中的 ng e2e 测试设置特定环境,而不为应用程序提供服务

我最近将我的应用程序升级到 Angular 7。我正在尝试使用特定环境运行我的 ng e2e 测试。此外,我不希望每次为应用程序运行 e2e 测试时都运行新服务器。

使用 Angular 5 时,我曾经使用 CLI 以下列方式执行此操作:

在 environment.test.ts 文件中设置了我的测试环境,在 protractor.conf.test.js 文件中设置了量角器配置(baseURL 和无头浏览器)。每次运行 e2e 测试时,我都使用 no-serve 标志停止运行新服务器。

对于 Angular 7,我在 angular.json 文件中进行了以下更改:

我在构建配置下设置了“测试”配置,在服务配置下设置了 browserTarget。

来到 sample-app-e2e JSON:

protractorConfig:指向相关的量角器配置文件(protractor.conf.test.js)。

空 devServerTarget:相当于 --no-serve 标志。

然后我使用 CLI 运行 e2e 测试:

现在,如何设置用于 e2e 测试的特定环境?我知道可以设置它的一种方法是通过 devServerTarget 属性。例如:

但这也意味着 --no-serve 标志将不被尊重。

有什么方法可以实现这两种结果(特定环境+不发球)?感谢帮助。

0 投票
1 回答
92 浏览

angular - 将角度核心和角度 cli 从 v5.1 更新到 v7.2 后出现错误

我也更新了角芯形式 5.1 到 7.2 角-cli

当我尝试为我的应用程序提供服务后,它给了我错误服务命令需要在 Angular 项目中运行,但找不到项目定义。

谢谢

Angular Cli 错误:serve 命令需要在 Angular 项目中运行,但找不到项目定义

已经尝试过这个解决方案,但没有奏效

这是我的版本说明

0 投票
1 回答
7676 浏览

angular - 用于生产的 Angular 构建失败

当我尝试使用以下命令为生产构建我的角度应用程序时,ng build --prod --build-optimizer我得到以下输出:

为开发而构建并为应用程序提供服务工作正常,所以我怀疑它可能与 uglify 过程有关。用于生产的 Angular json 配置如下:

角度版本和包是:

最后,tsconfig.json 文件有以下内容:

如果我将 angular.json "SourceMap" 选项从 false 更改为 true 并尝试执行它构建的生产构建而不抛出任何错误:

有什么建议吗?

编辑:
运行ng build --prod --optimization=false编译完美

0 投票
1 回答
540 浏览

angular - 无法在 Angular 7 项目中加载 Bootstrap 4.2.1 样式

我已使用以下方法将引导程序添加到 Angular 项目:

--> 在 angular.json 文件中添加如下:

并且在 package.json 中为:

但是我的引导类.btn .btn-primary, .form-group, .form-control不起作用。请帮我解决一下这个。由于我们的项目很复杂,需要更快地加载,请建议我一个不需要更长加载时间的解决方案。(这意味着在 html 或 css 文件中没有导入/插件)