如何在角度编译期间抛出错误的模板实现错误的自定义错误

Question

我正在创建一个自定义组件，该组件应具有固定的模板格式。如果格式无效。我希望系统在编译期间会引发错误。

例如

devDependencies

有效用法：

dependencies

  

我应该设计为仅在import {createGlobalStyle} from 'styled-components'; const GlobalStyle = createGlobalStyle` #some-external-lib-element-that-is-inserted-in-the-end-of-the-body { color: red; } `; function MyDeepComponent({veryOftenChangingPropThatCausesRerender}) { return ( <> <GlobalStyle/> <SomeExternalLibComponent/> </> ); } 内部进行工作，如果其他任何组件都在 Component({ selector: 'my-dir', template: '<button-validator></button-validator>' }) export class MyComponent {} 内部进行，反之亦然，则系统应该在编译期间抛出错误。

如何实现？