问题标签 [angular-devkit]
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 - 自定义角度库组件显示错误“不是已知元素”
我正在尝试创建一个自定义角度库以用于多个项目,并将发布到私有 verdaccio npm 注册表。
它可以正常工作、渲染和构建,但是在 vs 代码中存在这个令人讨厌的错误,即“我的组件”不是已知元素。
我已经检查了我正在生产模式下构建并且常春藤被禁用并且我正在从库模块中导出所有组件并且它成功生成了 metadata.json 文件。
我一直试图摆脱这个错误很长时间,我得到的最接近的是添加
到我的 ngModule。
我的 cystom 模块文件是:
ng-package.json
tsconfig.lib.prod.json
公共api.ts
mylib.module.ts
我真的不知道我在这里错过了什么!
我尝试修改构建器angular.json
并使用两者@angular-devkit/build-ng-packagr:build
,@angular-devkit/build-angular:ng-packagr
并且两者都给了我相同的结果。
我的开发依赖项
angular - Angular Library 11:在构建中包含 index.d.ts
我想为我的库创建类型,该库使用来自<script>
. 如果我构建库 ( ng build angular8-yandex-maps --prod
) 一切正常,但是当我尝试在 Angular 应用程序中导入构建的库时,它会失败 -Cannot find namespace 'ymaps'
等等Cannot find type definition file for 'yandex-maps'
。
声明的命名空间不包含在构建中,是否可以包含它?
dist/**/*.component.d.ts
再生产
打字/yandex-maps/index.d.ts
tsconfig.lib.json
angular - 安装 ngx-mqtt 时出现 Angular-devkit 错误
我正在尝试使用在 Angular 项目中安装 mqtt,npm i ngx-mqtt
但出现以下与angular-devkit
. 我已经在使用"@angular-devkit/build-angular": "^0.803.24"
它,它已安装并且我正在使用Angular 8
.
有任何想法吗?
angular - 使用 @ngtools/webpack 在 Angular 11 + Webpack 4 中实现 AOT
我正在尝试在没有 cli 支持的 angular 项目中实现 AOT。我搜索了一下,发现@ngtools/webpack 是要走的路。我的角度是 11.0.4,Typescript 是 4.0.5,webpack - 4.44.2。我安装了@ngtools/webpack - 11.0.4。
我的 tsconfig.aot.json -
}
我的 Webpack.config -
appBootstrap.ts
应用模块.ts
我正在使用以下命令运行 webpack.min.config(我将它添加到我的 package.json 并使用 npm run build)
我得到的错误:-
我不确定将在哪个文件夹中生成 ngfactory 文件。我找不到任何最新版本的@ngtools/webpack 的可靠实现文档。
我还尝试使用 platformBrowserDynamic() 而不是使用 ngFactory 来引导我的 AppModule。在那种情况下,我会收到错误消息
我试图在 tsconfig 中使用选项,但最终没有运气。任何帮助将不胜感激。提前非常感谢。
angular - ng 测试找不到相对路径
我正在尝试在 Angular 中执行我的第一个测试并且我想测试一个服务,但是当我运行ng test
它时,我在 tsconfi.json 中定义的所有相关导入中都会出现错误,例如
给我这个错误
angular - TypeError:无法读取 ModuleFederationPlugin.apply 未定义的属性“包含”
我正在尝试在我的 Angular 项目中使用 Module Federation Plugin,但出现此错误 -
我的项目需要两个 webpacks - webpack 5 用于模块联合插件和 webpack@4.44.2 用于 angular-devkit/build-angular@0.1102.3。
如何解决这个问题?如果你在 Angular 中使用过 Module Federation 插件,请告诉我。
webpack - 使用 Angular CLI 构建的 yarn 与 npm 的性能显着下降
我们的构建非常缓慢,我们希望看看使用实验性 Webpack 5 的好处是什么,并为我们的产品添加缓存支持,至少在本地构建。
我们npm
在内部使用并且主要在 Mac 计算机上使用。为了启用 Webpack 5,我必须使用Angular 11yarn
来resolutions
采用 Webpack 5。
在没有打开缓存的情况下,我注意到yarn
vs的性能严重下降npm
。奇怪的是,构建过程中的问题很严重,而不仅仅是安装命令。此外,我注意到 webpack 5 在使用yarn
. 打开缓存后,有一个净正面,但yarn
一个极端负面。
我们的开发构建通常需要 90 秒,npm
. 使用yarn
webpack 5,典型的构建时间约为 280 秒。启用 webpack 5 缓存后,初始构建时间约为 548 秒,但随后的构建时间约为 69 秒。
为什么我在这里联系,是我很困惑为什么yarn
导致 Angular 构建速度如此之慢(不确定 AngularCLI 构建中有多少时间以及构建的 webpack 部分有多少)。有谁知道为什么yarn
导致 AngularCLI/Webpack 比使用时慢得多npm
?
yarn
也有一些不错的功能,因为我们在 中设置了单回购风格git
,但我绝对不会考虑切换到与npm
.
javascript - ng build 抛出“错误无法读取未定义的属性‘种类’”
所以我有一个我正在做的项目需要我用来ng build --prod
建立一个客户。当我运行时ng build --prod
,每次都会遇到相同的错误:
ERROR in Cannot read property 'kind' of undefined
每次都会出现此错误,无论我做什么,在与它搏斗近一周后,我似乎都无法让客户正确构建,并且几天都在寻找解决方案。我已将 git 链接附加到客户端,希望有人能够找到并修复此错误。要运行它,只需npm install
在下载位置的 Cube 文件夹中,然后运行ng build --prod
. 我希望这是一个简单的解决方法。
安装客户端的 Github 链接:
https://github.com/detis46901/Cube.git
编辑 1:我查看了 StackOverflow 上的其他问题,例如下面评论中列出的问题(TypeError: Cannot read property 'kind' of undefined at getAssignmentTargetKind)。这些解决方案似乎不起作用。
angular - 带有内容安全策略的 Angular 12 CSS 优化内联事件处理程序
升级到 Angular 12 后,我的内容安全策略会阻止样式正确加载。
Angular 12 devkit 似乎在 index.html 中的 CSS 包引用中添加了一个新的内联事件处理程序,示例如下。
错误
这似乎与这个 RFC 相关:https ://github.com/angular/angular-cli/issues/18730但我找不到更多关于如何使用严格的信息(没有'unsafe-inline' ) CSP。