很遗憾，我们对此无能为力。我们使用Angular编译器来确定要添加到imports数组的内容，而编译器不会分析测试模块。迁移尝试通过将测试模块的imports数组中的任何内容添加到组件中来处理这个问题，但这并不总是正确的。

感谢@crisbeto的回答。

当将HelloComponent添加到测试模块的imports中时，是否也可以将其添加到TestComponent的imports中？

它没有被添加，因为在TestComponent被使用的各个测试中，可能加载了具有相同选择器的不同的组件。通常，迁移的目标不是让一切都100%正确，而是让你大部分达到目标，并可能需要一些手动修复。

对于未来的读者：我制作了一个脚本，将所有的 TestHostComponents 还原为正常组件。这对其他人可能有用：

import { Project, SyntaxKind } from 'ts-morph';
const prettier = require('prettier');
const path = require('path');
console.info('💡 start TestHostComponent standalone demigratie');
const project = new Project();
project.addSourceFilesAtPaths('**/*.spec.ts');
project.getSourceFiles().forEach((sourceFile) => {
    const classesInSpec = sourceFile.getChildrenOfKind(SyntaxKind.ClassDeclaration);
    const testHostComponents = classesInSpec.filter((c) => c.getName() === 'TestHostComponent');
    if (testHostComponents.length === 0) {
        return;
    }
    console.info('converting ' + sourceFile.getBaseName());
    // remove imports and standalone from TestHostComponent Component decorator
    testHostComponents
        .flatMap((c) => c.getDecorators())
        .map((d) => d.getArguments()[0])
        .map((a) => (<any>a).getProperties())
        .forEach((a) => {
            a.filter((x: any) => x.getName() === 'standalone' || x.getName() === 'imports').forEach((x: any) => x.remove());
        });
    // remove TestHostComponent from imports array
    const calls = sourceFile.getDescendantsOfKind(SyntaxKind.CallExpression);
    calls
        .filter((c) => c.compilerNode.expression.getText() === 'TestBed.configureTestingModule')
        .map((o) => o.getArguments()[0])
        .map((a) => a.getChildrenOfKind(SyntaxKind.PropertyAssignment).filter((x) => x.getName() === 'imports')[0])
        .filter(Boolean)
        .flatMap((a) =>
            a
                .getChildrenOfKind(SyntaxKind.ArrayLiteralExpression)[0]
                .getChildrenOfKind(SyntaxKind.SyntaxList)[0]
                .getChildrenOfKind(SyntaxKind.Identifier)
                .filter((i) => i.getText() === 'TestHostComponent')
        )
        .forEach((x) => {
            const prevComma = x.getPreviousSiblingIfKind(SyntaxKind.CommaToken);
            const nextComma = x.getNextSiblingIfKind(SyntaxKind.CommaToken);
            prevComma ? prevComma.replaceWithText('') : nextComma?.replaceWithText('');
            x.replaceWithText('');
        });
    // add declarations array with TestHostCompont in it
    const tb = sourceFile.getDescendantsOfKind(SyntaxKind.CallExpression);
    tb.filter((c) => c.compilerNode.expression.getText() === 'TestBed.configureTestingModule')
        .map((o) => o.getArguments()[0])
        .map((x) => x.getChildrenOfKind(SyntaxKind.SyntaxList)[0])
        .forEach((s) => {
            s.addChildText(', \n declarations: [TestHostComponent]');
        });
    const prettierOptions = prettier.resolveConfig.sync(path.resolve('.prettierrc'));
    console.info('formatting ' + sourceFile.getBaseName());
    const newS = prettier.format(sourceFile.getText(), { ...prettierOptions, parser: 'typescript' });
    sourceFile.replaceWithText(newS);
    console.info('✅ ' + sourceFile.getBaseName());
});
project.save();

你需要将 ts-morph 作为开发依赖项，然后使用 ts-node 运行文件 ts-node revert-test-hostcomponents.ts。