标签: angular-cli

处理部署到 github 页面的 angular-cli 应用程序中的 url 重定向

当使用内置命令将 angular-cli 应用程序部署到 github 页面时,生成的站点会处理实际上未映射到文件的 url。例如,像https://amellnik.github.io/clarity-demo/inputs;foo=foo这样的链接可以工作,它同时使用路由和矩阵表示法。

但是,当我将类似的 angular-cli 应用程序部署到企业 github 实例上的 github 页面时,导航到除根 url 之外的任何内容现在都可以工作。如果您从路线开始并四处导航,该应用程序可以正常工作,但无法重新加载页面。如何设置 github enterprise 来像普通 github 一样处理这些情况?

我知道https://github.com/jekyll/jekyll-redirect-from可用于某些重定向,但它似乎无法执行我在这里需要的操作 - 重写任何不对应的网址到实际文件index.html。

github-pages github-enterprise angular-cli angular

1
推荐指数
1
解决办法
1344
查看次数

在Windows上使用Ant脚本运行npm、ng命令,出现“系统找不到指定的文件”错误

当我尝试运行以下 Ant 脚本时,该脚本执行“npm”命令:

<target name ="test">
    <exec executable="npm" failonerror="true">
        <arg value="install" />
    </exec>
</target>
Run Code Online (Sandbox Code Playgroud)

它因以下错误而失败:

Execute failed: java.io.IOException: Cannot run program "npm" 
(in directory "C:\Development\workspace\traqpath\WebSource"): 
CreateProcess error=2, The system cannot find the file specified
Run Code Online (Sandbox Code Playgroud)

当我尝试运行 Angular-CLI “ng”命令时,也会发生同样的情况:

<target name ="test">
        <exec executable="ng" failonerror="true">
            <arg value="build"/>
            <arg value="--prod"/>
            <arg value="--bh"/>
        </exec>
</target>
Run Code Online (Sandbox Code Playgroud)

具有相同的错误消息,但对于“ng”:

Execute failed: java.io.IOException: Cannot run program "ng" 
(in directory "C:\Development\workspace\traqpath\WebSource"): 
CreateProcess error=2, The system cannot find the file specified
Run Code Online (Sandbox Code Playgroud)

这两个命令在Windows命令行中运行都没有问题,这意味着NodeJS安装正确,并且NodeJS路径在PATH系统变量中正确配置。

ant angularjs typescript angular-cli angular

1
推荐指数
1
解决办法
6348
查看次数

构建完成后是否可以更改 index.html 文件中的脚本路径?

我有一个 angular-cli 应用程序,当我给出ng build命令时,它会创建包含 index.html 文件的构建文件。

在 index.html 文件中,脚本路径如下所示:

<script type="text/javascript" **src="runtime.js"**></script>
<script type="text/javascript" **src="polyfills.js"**></script>
<script type="text/javascript" **src="styles.js"**></script>
<script type="text/javascript" **src="vendor.js"**></script>
<script type="text/javascript" **src="main.js"**></script>
Run Code Online (Sandbox Code Playgroud)

但我想像下面那样改变那个脚本,

<script type="text/javascript" **src="~/runtime.js"**></script>
<script type="text/javascript" **src="~/polyfills.js"**></script>
<script type="text/javascript" **src="~/styles.js"**></script>
<script type="text/javascript" **src="~/vendor.js"**></script>
<script type="text/javascript" **src="~/main.js"**></script>
Run Code Online (Sandbox Code Playgroud)

是否可以在不使用查找和替换方法的情况下更改路径?

angular-cli angular-cli-v7

1
推荐指数
1
解决办法
2724
查看次数

Angular CLI ng new 抛出“npm ERR!解析时 JSON 输入意外结束”

当我尝试使用 Angular CLI 创建新项目时ng new project-name,出现以下错误:

npm ERR! Unexpected end of JSON input while parsing near '...+EuGeFfIM3zMCaRLePh7u'
Run Code Online (Sandbox Code Playgroud)

错误截图:

在此处输入图片说明

我能做些什么来解决这个错误?

npm angular-cli angular angular-cli-v6

1
推荐指数
1
解决办法
1590
查看次数

ng new give "npm ERR! code EINTEGRITY required sha1 but found sha512"

我正在尝试在 Angular 7 中创建一个新项目,但出现以下错误。

npm 错误!代码完整性 npm ERR!SHA1-SKjl7xiAdhfuK14zwRlMNbQ5Ukw =完整性校验使用SHA1时失败:想SHA1-SKjl7xiAdhfuK14zwRlMNbQ5Ukw =却得到了sha512-3ds0bW0f5xtxepS3MKBqKiG2i93CTT5cG6vlfsoFDIps7lzcSnZweu3t15S90EacDpenHFyAQdpJlCaMpyLROA == SHA1-X4ctB1ciOMPTjjyMj8IQXIHbMBU =。(197 字节)

在我的系统上尝试了所有可能的解决方案,但没有一个能帮助我。

以下是我尝试过的解决方案列表。

  • nmp 安装最新
  • 清除缓存
  • 删除 node_modules
  • 强制清除缓存
  • 卸载 angular 并重新安装 angular

node.js angular-cli angular

1
推荐指数
1
解决办法
6930
查看次数

如何在生产模式下发布角度文件?

我一直想知道为什么我的客户总是需要为我的网站清除浏览器缓存。原来角度文件没有正确构建。或者更准确地说,它们得到了构建,但它们的名称不会被散列,这导致与以前的版本名称相同,因此浏览器认为没有任何变化。

以下是我的 .csproj:

    <Project Sdk="Microsoft.NET.Sdk.Web">

  <PropertyGroup>
    <TargetFramework>netcoreapp2.2</TargetFramework>
    <TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
    <TypeScriptToolsVersion>Latest</TypeScriptToolsVersion>
    <IsPackable>false</IsPackable>
    <SpaRoot>ClientApp\</SpaRoot>
    <DefaultItemExcludes>$(DefaultItemExcludes);$(SpaRoot)node_modules\**</DefaultItemExcludes>

    <!-- Set this to true if you enable server-side prerendering -->
    <BuildServerSideRenderer>false</BuildServerSideRenderer>
    <UserSecretsId>c69ca95c-16a6-4f76-bb29-b4d09b2a4417</UserSecretsId>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="CsvHelper" Version="12.1.1" />
    <PackageReference Include="EPPlus" Version="4.5.3.1" />
    <PackageReference Include="Microsoft.AspNetCore.App" />
    <PackageReference Include="Microsoft.AspNetCore.Razor.Design" Version="2.2.0" PrivateAssets="All" />
    <PackageReference Include="Sendgrid" Version="9.10.0" />
    <PackageReference Include="WindowsAzure.Storage" Version="9.3.3" />
  </ItemGroup>

  <ItemGroup>
    <!-- Don't publish the SPA source files, but do show them in the project files list -->
    <Content Remove="$(SpaRoot)**" />
    <None Remove="$(SpaRoot)**" />
    <None Include="$(SpaRoot)**" Exclude="$(SpaRoot)node_modules\**" /> …
Run Code Online (Sandbox Code Playgroud)

.net visual-studio asp.net-core angular-cli

1
推荐指数
1
解决办法
2977
查看次数

如何为 Angular 项目“在 sonarqube 中启用前端代码覆盖率”

这是我的 Bamboo 仪表板,与 Sonarqube 相关:https ://imgur.com/a/yOq6iGp

项目构建结果页面如下所示:https : //imgur.com/Z126mr7

所以,我想以某种方式在 Bamboo 中启用测试覆盖率以查看单元测试报告。我提到我们对我的 angular 项目有本地覆盖。

你能帮我解决这个问题吗?

bamboo test-coverage sonarqube angular-cli angular

1
推荐指数
1
解决办法
8799
查看次数

Angular:本地化为多种语言

我有一个已经构建好的 Angular 6 应用程序。现在我们计划将其支持为多种语言。我能够创建多个 xlf 文件并将目标字符串替换为语言。我的语言环境文件有三个文件,如messages.en.xlf、messages.es.xlf 和messages.fr.xlf,每个文件分别用于英语、西班牙语和法语。

根据浏览器的语言,应用程序应选择所需的语言文件。如果浏览器设置为法语,它应该会自动提取 messages.fr.xlf 并以法语显示应用程序。

起初我的命令,会是ng build --prod --output-hashing all,但与定位的改变,我需要使用--aot=false,并--build-optimizer=false与我的应用程序的性能和加载时间变差。

ng build  --prod --output-hashing all --aot=false --build-optimizer=false
Run Code Online (Sandbox Code Playgroud)

我的 main.ts 文件如下所示:

ng build  --prod --output-hashing all --aot=false --build-optimizer=false
Run Code Online (Sandbox Code Playgroud)

我想知道是否有一种正确的方法可以根据浏览器的语言加载 xlf 文件而不会出现性能问题并且不会使 AOT 为假。

angular-cli angular-i18n angular angular-cli-v8

1
推荐指数
1
解决办法
4792
查看次数

ng update 从不更新@angular/core 版本

我运行命令 ng update

We analyzed your package.json, there are some packages to update:

  Name                                  Version                  Command to update
 -----------------------------------------------------------------------------------
  @angular/core                         9.0.7 -> 9.1.0           ng update @angular/core
Run Code Online (Sandbox Code Playgroud)

所以我跑了ng update @angular/core,它说Package '@angular/core' is already up to date. 我该如何解决这个问题?

ng v

Angular CLI: 9.1.0
Node: 13.9.0
OS: win32 x64

Angular: 9.1.0
... cli, core, forms, localize
Ivy Workspace: Yes

Package                             Version
-------------------------------------------------------------
@angular-devkit/architect           0.900.7
@angular-devkit/build-angular       0.900.7
@angular-devkit/build-optimizer     0.900.7
@angular-devkit/build-webpack       0.900.7
@angular-devkit/core                9.1.0
@angular-devkit/schematics          9.1.0
@angular/animations                 9.0.7
@angular/common                     9.0.7
@angular/compiler                   9.0.7 …
Run Code Online (Sandbox Code Playgroud)

angular-cli angular

1
推荐指数
1
解决办法
4224
查看次数

Angular 11 与 Internet Explorer 5 的兼容性

有什么办法可以让 Angular 11 兼容 Internet Explorer 5?我正在为客户端开发一个 angular 解决方案,它的默认浏览器是在版本 5 上运行文档模式的 Internet Explorer(默认情况下)。起初我不打算更改任何浏览器配置(即:将文档模式更改为版本 11 并将其设置为默认值)。

我正在使用 Angular 11.0.5 和 Angular CLI 11.0.5:

Angular CLI: 11.0.5
Node: 14.16.1
OS: win32 x64

Angular: 11.0.5
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.1100.5
@angular-devkit/build-angular      0.1100.5
@angular-devkit/core               11.0.5
@angular-devkit/schematics         11.0.5
@angular/cdk                       11.0.3
@angular/material                  11.0.3
@angular/material-moment-adapter   12.0.4
@schematics/angular                11.0.5
@schematics/update                 0.1100.5
rxjs                               6.6.3
typescript                         4.0.5
Run Code Online (Sandbox Code Playgroud)

有我的 index.html

<!doctype html>
<html lang="pt-br">

<head>
  <meta …
Run Code Online (Sandbox Code Playgroud)

javascript typescript angular-cli angular

1
推荐指数
1
解决办法
875
查看次数