问题标签 [angular-cli-v8]

我们正在使用前端错误记录工具Sentry来查看我们在 Angular 应用程序中遇到的错误。

Sentry允许用户上传他们的 SourceMap 文件，所以我进入了我们angular.json并设置了"sourceMap": true. 正如预期的那样，它会创建很多.js.map我们上传到的文件，但出于明显的安全原因Sentry，我们会删除它们并且不部署它们。

问题在于，由于某种原因，Google Chrome 开发工具不知何故知道 SourceMap 文件已生成，甚至尝试访问它们！

所以这是我的问题：

• 谷歌浏览器如何确定 SourceMaps 是生成的？我假设html, cssorjs文件中的某些内容说明了这一点。
• 我该如何解决这个问题？我想获得 SourceMaps，但我不想让任何人知道它们的存在，尤其是它们的位置。

旁注：虽然我多次提到 Sentry，但这与问题无关。我只是想解释一下，为什么我们想要这个。

我在 angular-cli 项目中使用 Jasmine 业力。

当我尝试在其中使用 json 文件时会引发错误。

它抛出错误，

./src/app/mock-data/testCase_mockData/attributedata.json 中的错误 模块解析失败：解析时 JSON 输入意外结束 '' 您可能需要适当的加载程序来处理此文件类型。SyntaxError：在“”附近解析时 JSON 输入意外结束

有什么解决方案可以解决这个问题吗？

我正在 angular8 中构建一个应用程序。我在 angular5/6/7 上工作，对于这些应用程序，我取消了 polyfills.ts 中存在的导入的注释。对于 Angular 8，它只有 3 个导入，即 classlist.js、web-animation-js 和 zone.js/dist/zone。我的应用程序在 IE 中运行良好。但是我开始使用包含函数来查看一个项目是否存在。它在 chrome 中运行良好。在 IE 中它会抛出 Object does not support property or method 'includes' 错误。

我正在尝试构建我的 Angular 8 应用程序的生产版本，但我经常遇到Property '*' does not exist on type '*'错误。

执行的命令：

ng build --prod="true" --verbose=true

收到的错误：

这些是前 3 行src/app/shared/layout/sidenav/sidenav.component.html：

--prod="true"如果我在没有标志的情况下构建或执行ng serve，它编译时不会出错。

提前感谢您的帮助！

我想在 angular 8 (angular-cli) 项目中使用 indexTransform 功能，但 targetOptions 的配置属性仍然为空。

我在这里尝试了示例项目：https ://github.com/just-jeb/angular-builders/tree/master/packages/custom-webpack/examples/full-cycle-app

但是在示例项目中，配置也是空的。

我在哪里可以定义应该传递给回调函数的配置？

我正在尝试配置一个应用程序，以便 chrome 开发工具控制台引用 typescript 源而不是编译的 javascript 源。

我在ngOnInit我们的仪表板组件中添加了以下行

不幸的是，chrome 将我指向js文件：

这是我们的angular.json配置：

和出tsconfig.json配置：

我强烈怀疑这个问题是在...之后开始发生的ng update。否则，我尝试创建另一个有角度的应用程序，ng new someApp但问题不会发生。我们使用角度 8。

有人可以帮忙吗？

编辑1：问题（js来源而不是ts来源）尤其是在强制重新加载页面时出现......

编辑 2：正如我在聊天中的一条评论中提到的，这个问题似乎与使用 async/await 和 promise 有关。在使用 async/await/promises 之前不会出现此问题。

编辑 3：我尝试通过在新的 Angular 应用程序上使用 async/await/promises 来重现问题，但无济于事......

我正在为我公司使用“ng generate library”构建的组件库将 angular 7 迁移到 angular 8。我试图尽可能接近标准的 angular cli 构建。我创建了一个全新的应用程序和一个带有“@angular/cli”的库：“~8.2.0”。

https://github.com/Annie-Huang/my-angular8-app/tree/create-lib

我注意到在 Angular 8 中，他们将 public_api.ts 更改为 public-api.ts https://github.com/Annie-Huang/my-angular8-app/blob/create-lib/projects/ea-ui/src/public -api.ts

所以我将现有库中的入口文件从 public_api.ts 重命名为 public-api.ts 并在 ng-package.json 中更新它

我得到这个错误

ng build ea-ui当我在自己的 repo ( )中的全新 angular 8 应用程序中构建它时。我没有这个错误。

而且我对公司组件库进行全局搜索时没有public_api.ts字符串。

我有一个已经构建好的 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我的应用程序的性能和加载时间变得更糟。

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

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

使用 --prod 标志构建 Angular 应用程序时出现错误。由于堆栈在较低的编译器级别显示错误，因此我无法达到任何目的。是什么导致了错误？

当我在ng build没有 --prod 标志的情况下运行时，它会编译而没有任何错误。

在错误之前记录以下警告：

以下是错误详情：

这是我的 AppModule 文件代码：app.module.ts

以下是 todo-date-service.ts

我在我的 Angular Firebase 项目中添加了 SSR，还设置了 WPA。并且它成功地部署在了 firebase（托管和功能）上。但是下次我在组件中编辑了一些代码。之后我正在重新部署。firebase 托管正在成功部署。但功能显示错误。

我在 package.json 中使用 Angular 8 和所有最新的 npm 包我还更新并重建了我的项目。在 localhost:5000 上一切正常。

我得到的错误：加载用户代码时函数失败。错误消息：文件 lib/index.js 中的代码无法加载。

和 package.json

和 index.js 函数：

在 cmd：firebase 日志获取：

我到处寻找解决方案，但没有找到。