标签: angular-upgrade

我在这里看到了很多类似的问题,但还没有找到一个有效的解决方案.我认为正在发生的是,因为我们的Ng2App首先被引导,它还没有引用$ injector,所以当我尝试在我的提供者声明(deps:['$ injector'])中使用它时,它没有'存在.

什么是INSANELY奇怪的是我可以在Angular COMPONENT中使用此服务但由于某种原因无法在Angular SERVICE中使用它.

app.js

import UserService from './user.service';
angular.module('app', [])
  .service('UserService', UserService)
  .config(/* config */)
  .run(/* run */);

 import './ng2app.module';

ng2app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { UpgradeModule } from '@angular/upgrade/static';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@NgModule({
  imports: [
    BrowserModule,
    UpgradeModule,
  ], 
  declarations: [],
  entryComponents: [],
  providers: [
    // angularJS service:
    { 
     provide: 'UserService',
     useFactory: (i: any) => i.get('UserService'), // <---- this is the line all the errors point to.
     deps: ['$injector']
    },
  ] …

我使用Webpack 4从Angular.Js 1.6.6到Angular 6进行了Angular升级:

    import 'core-js/es7/reflect';
    import 'zone.js';
    import 'reflect-metadata';
    import 'rxjs';
    import { NgModule } from '@angular/core';
    import { FormsModule } from '@angular/forms';
    import { Routes, RouterModule } from '@angular/router';
    import { BrowserModule } from '@angular/platform-browser';
    import { UpgradeModule, downgradeComponent, downgradeInjectable, setAngularJSGlobal } from '@angular/upgrade/static';
    import { module } from './app.module.ajs';
    import './config/routes';
    import AppComponent from './components/app/app';
    import Application from './directives/application/application';
    import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
    console.log('NgModule');
    const appRoutes: Routes = [
    ];
    @NgModule({
      declarations: [AppComponent, Application],
      entryComponents: …

我正在使用downgradeModule将AngularJS应用程序迁移到Angular 7（在此进行介绍：性能升级）。该文档的最后一部分指出，当我想使用AOT时，需要导入AppModule的NgModuleFactory。我正在使用angular-cli构建应用程序。是否可以引用在angular-cli构建中创建的ModuleFactory，从而为我的混合应用程序打开AOT？

如果我运行命令

ng update

I see a listing of items such as
@angular/cdk  6.4.7 > 8.2.0   ng update @angular/cdk
...
...

可能还有其他已过时的软件包。

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

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

那么，执行后是否会发生ng update --all变化呢？

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

对于Angular 8到9的更新，我是按照官方文档进行升级的。

这建议首先更新到最新版本的 Angular 8，例如：

ng update @angular/core@8 @angular/cli@8

但是，我收到三个警告（全部相同）：

npm WARN notsup Unsupported engine for watchpack-chokidar2@2.0.0: wanted: {"node":"<8.10.0"} (current: {"node":"12.16.1","npm":"6.13.4"})
npm WARN notsup Not compatible with your version of node/npm: watchpack-chokidar2@2.0.0
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules\watchpack\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN ngx-multi-window@0.3.2 requires a peer of @angular/common@^6.0.0-rc.0 || ^6.0.0 || ^7.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN ngx-multi-window@0.3.2 requires …

发布我从 Angular 9 到 Angular 10 的升级。 ng build --prod 抛出 Typescript 编译未使用的警告：

.ts 是 TypeScript 编译的一部分，但未使用。仅将入口点添加到 tsconfig 中的“文件”或“包含”属性。

我已经尝试了所有解决方案，例如从 tsconfig.app.json 中删除以下包含指令：

    "include": [
    "src/**/*.d.ts"
]

唯一有效的解决方法是将 Ivy 设置为 False。但我不想这样做，而是想找到真正的解决方案。我在从 Angular 8 升级到 9 的过程中没有遇到它。不知道为什么升级到 10 时会被这些警告轰炸。请帮忙。

我有一个 7.1 版本的 Angular 项目。我还创建了 2 个在我的项目中使用的角度库。我正在将我的项目从 7.1 升级到 8.2。我运行以下命令进行升级，升级了我的角度项目。

ng update @angular/cli@8 @angular/core@8

但它并没有升级我的图书馆项目。如何升级我的图书馆项目中的角度版本？我可以手动更新库项目中 package.json 中的包版本，但随后我需要手动执行所有更改（例如，为 viewChild 添加静态）。

期待一些专家的建议。

我将 Angular CLI 升级到v13全局，当我尝试使用ng命令时，它给出了以下错误：

我在这里看到Angular v13 与 Node 兼容v16.10.x，所以我安装了 Node v16.10.0，但它不再工作了。

我执行标准操作：

npm uninstall -g @angular/cli
npm install -g @angular/cli@latest

我什至尝试清除npm缓存，但仍然不起作用。

当我降级并v12全局安装 Angular CLI 时，一切又恢复正常了。

这是一些已知的 Angular CLIv13问题吗？

环境：

Windows 10 (win32 x64)

更新：

正如很多答案所建议的那样，我改为Windows Scripting Host运行Node.js文件.js。现在ng命令已执行，但无论我输入什么命令，它总是为我提供ng help所有可用命令的输出。就像所有命令都映射到ng help命令一样。

我有一个 Angular 12 应用程序，我正在尝试将其升级到 Angular 13。

根据https://update.angular.io/?l=2&v=12.0-13.0我应该运行：

npx @angular/cli@13 update @angular/core@13 @angular/cli@13\n

但是当我这样做时，我收到以下错误：

npx @angular/cli@13 update @angular/core@13 @angular/cli@13\nThe installed local Angular CLI version is older than the latest stable version.\nInstalling a temporary version to perform the update.\n\xe2\x9c\x94 Package successfully installed.\nUsing package manager: \'npm\'\nCollecting installed dependencies...\nFound 38 dependencies.\nFetching dependency metadata from registry...\n    Updating package.json with dependency @angular-devkit/build-angular @ "13.0.2" (was "12.1.1")...\n    Updating package.json with dependency @angular/cli @ "13.0.2" (was "12.1.1")...\n    Updating package.json with dependency @angular/compiler-cli …

将项目从 Angular 版本 5 升级到 12。该项目运行良好，但单元测试用例未运行，仅显示

Karma v 6.3.17 - 连接；测试：执行；

PhantomJS 2.1.1 (Windows 8) 空闲

Chrome 99.0.4844.74 (Windows 10) 处于空闲状态

Firefox 也试过了，但结果还是一样。

karma.conf.js

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html

module.exports = function (config) {
    config.set({
        basePath: '',
        frameworks: ['jasmine', '@angular-devkit/build-angular'],
        plugins: [
            require('karma-jasmine'),
            require('karma-chrome-launcher'),
            require('karma-firefox-launcher'),
            require('karma-phantomjs-launcher'),
            require('karma-jasmine-html-reporter'),
            require('karma-coverage-istanbul-reporter'),
            require('karma-junit-reporter'),
            require('@angular-devkit/build-angular/plugins/karma')
        ],
        browserDisconnectTimeout: 100000,
        browserNoActivityTimeout: 100000,
        browserDisconnectTolerance: 10,
        client:{
            clearContext: false, // leave Jasmine Spec Runner output visible in browser
            captureConsole: true
        },
        coverageIstanbulReporter: { …