问题标签 [angular-upgrade]

将我的应用程序从 Angular 7 迁移到 8，一切正常。不幸的是，当部署在 AWS S3 上尝试在浏览器（Safari、Chrome）中打开时，控制台中会出现此错误：

TypeError：未定义不是一个对象（评估'this._android'）

没有任何负载。黑屏

我检查了 ci build，它使用正确的节点版本 10.16.0，与我在开发机器上使用的相同。谷歌搜索没有给我任何东西:(

我希望页面在本地机器和 S3 上加载相同

问题是我有很多 HTML 模板，其中包含< script >标签和 AngularJS 代码。我目前的项目使用的是 Angular 8，其中一个关键部分基本上是使用我在这个新项目中的所有 AngularJS 模板，尽可能少地做工作（因为将来其他用户必须能够向项目添加新模板）。

我必须能够将此 HTML AngularJS 模板添加到我当前的项目中。为此，我正在使用 ngUpgrade，但它具有很大的误导性，我无法实现这一点。

这是模板之一，对于这个问题尽可能简化：

HTML

我必须尽可能少地接触它。我不知道我是否应该将脚本的逻辑与 HTML 分开，或者我是否可以按原样导入它并工作。考虑到我以前没有使用 AngularJS 的经验，我是一名 Angular 2+ 开发人员。

如果我必须将逻辑与模板分开，我应该把angular.module放在哪里？和常数？

正如标题所说，我正在使用 Angular Hybrid 应用程序。我有一个旧的 AngularJS 组件，它使用一个template函数根据传入的输入动态构建自身。

我已经将该组件升级为可以从 Angular 使用，但是template它的功能不再起作用，因为$element并且$attrs没有正确地注入到该template功能中。

这是一个显示问题的简单堆栈闪电战

如您所见，当直接从 AngularJS 使用组件时，它被正确地赋予了$element和$attrs值，但是当将它渲染为从 Angular 升级的组件时，它却没有。有什么方法我应该为升级的组件手动提供这些吗？

跑步ng update @angular/cli @angular/core我每次都会得到这个

包“@angular/compiler-cli”对“@angular/compiler”有不兼容的对等依赖（需要“8.2.0-next.1”，将安装“8.1.1”）包“ag-grid-angular”有对“@angular/compiler-cli”的不兼容对等依赖项（需要“>=2.1.x”（扩展），将安装“8.2.0-next.1”）。

包“angular-calendar”对“@angular/core”有不兼容的对等依赖（需要“>=5.0.0 <7.0.0”（扩展），将安装“8.1.1”）。

包“@angular/compiler-cli”对“@angular/compiler”有不兼容的对等依赖（需要“8.2.0-next.1”（扩展），将安装“8.1.1”）。

包“angular-calendar”对“@angular/common”有不兼容的对等依赖（需要“>=5.0.0 <7.0.0”（扩展），将安装“8.1.1”）。

包“angular-calendar”对“@angular/animations”有不兼容的对等依赖（需要“>=5.0.0 <7.0.0”（扩展），将安装“8.1.1”）。

我现在的环境是：

我有一个 7.2.15 的当前 Angular 应用程序，我尝试使用命令升级

我变成了这个错误，我不明白为什么：

我遵循了update.angular.io的指南。

有人知道为什么会这样吗？我的项目中没有像 minTimeout 或 maxTimeout 这样的变量声明

我正在尝试将 angular 2 升级到最新版本。我完成了包 json 中的所有过程，但旧节点版本的问题。

我收到这个错误。

我的代码：

这个问题可能是重复的，但我已经尝试了所有可能的选项。

我正在尝试使用 @angular/upgrade 在 Angular 1 应用程序中使用我的 Angular 2 组件。

angular2 文件：-

app/components/hello 中的简单 hello 组件。

你好.component.ts

你好.component.html

app.module.ts

在我的 Angular 1 应用程序中：- app.ts（根文件）

Angular 1 的 index.html （我添加了基本 href 和 root，这是 angular 的默认组件，app-root 组件在我的 angular 1 应用程序中正确呈现）

header.html（我想在其中显示我的 angular 2 hello 组件的 angular 1 header 组件）

截图。

提前致谢。

我正在尝试将大型企业应用程序从 AngularJS v1.4 升级到 Angular 8，并尝试寻找各种相同的方法。

1. 由于我们在 angularJS1.4 上，我们不能使用 Angular 团队提供的 ngUpgrade 模块，因为为此我们需要首先将 AngularJS 迁移到 1.6+ 版本，并将控制器迁移到组件。（因此，这种方法被丢弃）。

2. 在 Angular 8 中完全重写应用程序。

3. 我读到了两个框架可以共存的单个 spa。

4. 使用 iframe 在 Angular 应用程序中加载 angularjs，然后逐渐在 Angular 中重新编写新代码。

5. 在 Angular 中创建一个完全不同的应用程序，然后根据路由从我的 AngularJS 导航到新的 Angular 应用程序。这两个应用程序将在本地的不同端口上运行，但将在服务器上的同一域上运行，因此共享 cookie 和本地存储。

我们正在考虑采用方法 5。

我应该采用以下哪种方法，或者还有其他方法可以采用吗？

任何其他输入将不胜感激。

如果我运行命令

可能还有其他包已过时。

或者运行 ng update --all 来尝试同时更新所有内容。

ng update 命令本身似乎没有进行任何更改。

那么，执行是否ng update --all会改变？

我只想查看检测到所有需要更新的软件包。

我们有一个Angular 4项目，我最近尝试升级到Angular 8. 我遵循了 Angular 网站上的迁移指南，更改了一些语法，以及阻止项目构建的所有内容。我面临的问题是我的样式在本地没有正确加载，在 Azure 上根本没有。我找到Webpack并尝试配置它，添加了 style-loader、sass-loader 和 css-loader。现在，当我在本地运行时，我可以在浏览器的网络选项卡中看到所有样式都正确加载，但它只加载默认的 index.html 文件，而不是引导应用程序。

当我在 Azure 上部署应用程序时，它会加载其他组件，但没有加载任何样式。我花了 3 周的时间进行迁移，但还没有任何希望。

工具/插件版本：

这是我的 Webpack 配置：

请注意，我在 Webpack 配置中评论 use[] 的原因是它抛出了一些 postcss-loader 异常，并且在 Github 上的一个问题上发现默认 sass-loader 和 Webpack 会发生一些冲突，你应该删除它们。

这是 angular.json 中的构建配置

这是 Angular.json 中的服务配置。

我已经使用@import 语句在styles.scss 中导入了所有样式。我不确定的一件事是我正在使用 Highcharts 并在构建过程中收到一些警告。

除此之外，项目中没有编译/运行时错误。

感谢您花时间阅读我的问题。我感谢任何提示/提示。

更新： 这是项目结构的样子：