如何自动加载不是用CLI生成的Angular 8组件？

自动加载非CLI生成的Angular 8组件可以通过以下步骤实现：

首先，在Angular项目的根目录下创建一个新的文件夹，例如"dynamic-components"。
在"dynamic-components"文件夹中创建一个新的组件，命名为"DynamicComponent"，并实现所需的功能。
在Angular项目的根目录下创建一个新的服务，命名为"ComponentLoaderService"，用于动态加载组件。
在"ComponentLoaderService"中导入必要的模块和依赖项：

import { Compiler, ComponentFactory, ComponentFactoryResolver, Injectable, Injector, NgModuleRef, Type } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { createCustomElement } from '@angular/elements';
import { AppModule } from './app.module';

在"ComponentLoaderService"中定义一个方法，用于动态加载组件并返回ComponentFactory实例：

@Injectable()
export class ComponentLoaderService {
  private componentFactory: ComponentFactory<any>;

  constructor(private compiler: Compiler, private injector: Injector) {}

  loadComponent(): Promise<ComponentFactory<any>> {
    return import('../dynamic-components/dynamic-component/dynamic-component.component')
      .then(({ DynamicComponent }) => {
        @NgModule({
          imports: [CommonModule, BrowserModule, AppModule],
          declarations: [DynamicComponent],
          entryComponents: [DynamicComponent],
        })
        class DynamicComponentModule {
          ngDoBootstrap(appRef: NgModuleRef<any>) {
            const element = createCustomElement(DynamicComponent, { injector: this.injector });
            customElements.define('dynamic-component', element);
            appRef.bootstrap(DynamicComponent);
          }
        }

        return this.compiler.compileModuleAndAllComponentsAsync(DynamicComponentModule);
      })
      .then((compiledModule) => {
        const moduleFactory = compiledModule.ngModuleFactory;
        this.componentFactory = moduleFactory.componentFactories.find((comp) => comp.componentType.name === 'DynamicComponent');
        return this.componentFactory;
      });
  }
}

在需要加载非CLI生成组件的地方，注入"ComponentLoaderService"，并调用"loadComponent"方法：

@Component({
  selector: 'app-root',
  template: `
    <div>
      <button (click)="loadDynamicComponent()">Load Dynamic Component</button>
      <dynamic-component *ngIf="dynamicComponentLoaded"></dynamic-component>
    </div>
  `,
})
export class AppComponent {
  dynamicComponentLoaded = false;

  constructor(private componentLoaderService: ComponentLoaderService) {}

  loadDynamicComponent() {
    this.componentLoaderService.loadComponent()
      .then((componentFactory) => {
        // 使用ComponentFactory创建动态组件实例
        const componentRef = componentFactory.create(this.injector);
        
        // 将动态组件实例添加到DOM中
        document.body.appendChild(componentRef.location.nativeElement);

        this.dynamicComponentLoaded = true;
      });
  }
}

通过上述步骤，你可以实现在Angular 8项目中动态加载非CLI生成的组件。请注意，以上代码仅供参考，具体实现可能根据你的项目结构和需求有所不同。

注：这里没有提及具体的腾讯云产品和链接地址，因为腾讯云并没有直接与Angular组件加载相关的产品。