问题标签 [angular12]

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 投票
11 回答
10842 浏览

angular-cli - Angular 12 数据路径“”不能有额外的属性(styleext)

新版本的 Angular 有什么问题?Angular CLI 12.0.1 无法创建新应用程序。尝试运行ng new twelveApp并且 cli 抱怨死亡数据路径“”不能有其他属性 (styleext)

我试图将 ng-new 架构附加属性设置为 true,但错误仍然存​​在。

如何摆脱这个额外的属性?

PS:回到@angular/cli@11.0.5 一切都很完美。

0 投票
1 回答
746 浏览

angular - 解析器错误:角度更新到 12 后列错误处出现意外标记

我收到此构建错误 - NG 5002 解析器错误:以下 component.html 文件行中第 2 列的意外令牌“=”

另一个地方我也遇到了同样的错误,即

我正在将我的 Angular 8 应用程序迁移到 Angular 12。

任何想法?

0 投票
2 回答
1294 浏览

angular - Angular 12 升级问题:您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件

我已从 Agular 11 升级到 12,每个 SVG 文件都出现以下错误。

错误:模块解析失败:意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。

例如 SVG 文件

请帮忙解决。

0 投票
1 回答
35 浏览

routes - 路由、AuthGuard 和加载子模块

我这里有几个问题。我有一个带有 canActivate 的登录页面(当应用程序很简单时效果很好)。我有一个加载了 loadChildren 的管理模块。在这个模块中,我有一个导航栏和一个侧边栏。

  1. 为什么应用程序首次启动时我的路由没有让我登录?如果我注销并手动导航到仪表板,它将重定向到登录。但是当应用程序第一次打开时,它会进入仪表板。

  2. 当我登录时,导航栏和侧边栏的内容是空的。直到我在某个地方单击一个按钮,然后它们突然加载。(如果最终加载侧栏时,我单击侧栏上的菜单项也是如此 - 内容将再次消失,直到我单击某处)。

sidebar.component.html

sidebar.component.ts

navbar.component.html

navbar.component.ts

admin-layout.component.html

app.routing.ts

app.module.ts

admin-layout.routing.ts

管理布局.module.ts

0 投票
1 回答
992 浏览

webpack-5 - 模块解析失败:更新到 Angular 12 后出现意外字符“�”

将 Angular 从 v.11 升级到 v.12 后,我收到以下错误

home.Component.ts

./src/assets/images/imgname.png:1:0- 错误:模块解析失败:意外字符 '�' (1:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders (此二进制文件省略了源代码)

angular.json "assets": [ "src/favicon.ico", "src/assets", ]

0 投票
0 回答
74 浏览

bootstrap-4 - 如何解决角度 12 中的“无法读取 null 的属性 'bootstrap'”?

我正在尝试以 Angular 12 运行一个基于 Angular 6 的 Angular 项目。我成功构建了该项目,但它在控制台中显示以下错误,

我尝试了许多解决方案,但没有一个有效。我该如何解决这个问题?

0 投票
3 回答
1625 浏览

angular - Angular 库 - 无法读取未定义的属性“ɵmod”

我一直在使用 Cory Rylan 的@ngx/json-ld 包在我的角度组件上渲染 LD+json。今天我尝试将我的 Angular 应用程序升级到 Angular 12,但现在它给出了错误。所以我决定用一个包含这个组件的角度库创建一个新项目。同一存储库中的演示项目运行良好。但是当我在我的项目中使用我自己的库时,我也会遇到同样的错误。

未捕获的类型错误:无法读取未定义的属性“ɵmod”

未捕获的类型错误:无法读取未定义的属性“ɵmod”

我该如何解决这个问题?这是角度本身的问题吗?

编辑:

但是,似乎当我在 StackBlitz 中创建项目时,一切正常......

https://stackblitz.com/edit/angular-ivy-d7tgzx?embed=1&file=package.json

0 投票
3 回答
1271 浏览

angular - Angular 12 索引 html 生成失败错误

使用以下命令升级到 Angular 12ng update @angular/core@12 @angular/cli@12会导致我在使用该--configuration production模式编译时出现以下错误。

这是这个问题的副本,但想发布一个正确的问题/答案,因为它肯定会帮助其他人,我不知道我们什么时候才能在线程上再次发布,因为它几天前被关闭了

0 投票
2 回答
4925 浏览

angular - Webpack 5 给 Angular 12 带来了什么好处?

我昨天更新到使用 Webpack 5 的 Angular 12。

发行说明博客说:

在 v11 更新中,我们添加了对 Webpack 5 的实验性支持。今天,我们很高兴地宣布,我们将在 Angular 中发布 Webpack 5 支持的生产就绪版本。

我想知道 Webpack 5 中的哪些具体内容可以改进我的 Angular 项目。

不幸的是,在 Windows 上运行时,我发现构建时间要长得多,ng serve从大约 70 秒到 106 秒不等。构建时间要长得多(是的,我正在使用增量构建,但第一次构建非常重要),而且我也没有看到包大小有任何减少。

我相信 sass 编译器可能是我看到的时间增加的部分原因。事实上,使用speed-measure-webpack-plugin我可以看到很多时间都花在了 sass-loader 上。我可以在 webpack 配置中更改任何插件来帮助缓存 sass、使用不同的 sass 加载、编译器或类似的东西吗?我正在使用@angular-builders/custom-webpack包,它可以让我添加插件。

Webpack发布说明让我兴奋不已,似乎有很大的潜力可以提高构建性能,但不幸的是我还没有看到 Angular 的结果,而且结果更糟。

0 投票
0 回答
66 浏览

angular - Angular 11/12 的可定制视频播放器

我正在寻找一个可定制的视频播放器来合并到我的 Angular 应用程序中。我努力了

videogular video.js mediaelement.js

videogular 的问题在于它很容易合并,但我没有找到任何关于如何为额外按钮自定义它的信息,如前进、后退、更改亮度设置等。

video.js 看起来很灵活,但是没有足够的信息来说明如何将它合并到 angular.js 中。即使我以某种方式将其添加到我的项目中,我也会收到以下错误

我也没有为 mediaelement.js 找到足够的文档。

有没有其他可以在角度使用的视频播放器?或者我如何自定义 videogular 视频播放器?