Cambié mis proyectos de Angular 8 a 9 y tuve el mismo problema en VS Code. Mi solución que funcionó para mí:

• Cree la biblioteca con la producción de configuración: ng build my-lib --prod => Esto obligará al compilador a usar el View Engine anterior en lugar de Ivy ( bibliotecas de documentos angulares )
• Vaya a la carpeta "./dist/my-lib/" y use npm pack en lugar de npm link => esto creará un archivo tgz, que puede instalar en su aplicación de consumo.
• Instale la biblioteca en su aplicación de consumo: npm install "D:/mypath/dist/my-lib/my-lib-2.1.0.tgz"

Esto resuelve en mi entorno el problema de VS Code con Angular 9.

Nunca tuve ese error descrito hasta hace poco.

Después de desinstalar la extensión Angular Language Service (que había instalado recientemente), el error desapareció.

Para solucionar el problema, actualmente debe compilar con la marca de producción --prod porque, en su estado actual, Angular Language Server no funciona con las compilaciones de Ivy . De forma predeterminada, la compilación angular prod se compila sin Ivy. Por lo tanto, cuando se compila, crea un archivo lib.metadata.json . Este es el archivo que utiliza el servidor de idiomas para que el complemento funcione.

1. En su biblioteca , cree una compilación ng build <lib> --prod
   • agregue la bandera --watch para ver los cambios
2. En su biblioteca , cree un enlace cd dist luego npm link
   • Creé un package.json en la carpeta dist y creé el enlace allí ya que mi lib tiene varios módulos. Esto le permitirá hacer
     • import { ModuleAComponent } from '<lib>/moduleA'
     • import { ModuleADirective } from '<lib>/moduleA'
   • Nota: La carpeta que vincula debe tener un package.json de lo contrario, utilizará la raíz del proyecto, ya que es el package.json más cercano.
   • Si hace lo mismo, las rutas a continuación están en el formato correcto; de lo contrario, es posible que no lo estén y puede probar: "lib": ["./node_modules/lib", "./node_modules/lib/*"]
3. En su aplicación , enlace al paquete npm link <lib>
4. En su aplicación , cree una path en su tsconfig.base.json (la ruta puede ser diferente según cómo haya creado su enlace)
5. En su aplicación , reinicie el servidor de idioma angular

 { "compilerOptions": { "paths": { "lib/*": [ "./node_modules/lib/*" ] } } }

Tengo exactamente el mismo problema. Aquí hay una solución,

agregando

 import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

y

 schemas: [ CUSTOM_ELEMENTS_SCHEMA ],

a tu modulo

Un app.module.ts completo para su referencia

 import { BrowserModule } from '@angular/platform-browser'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { NgNiceSelectModule } from 'ng-nice-select'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, NgNiceSelectModule ], providers: [], bootstrap: [AppComponent], schemas: [ CUSTOM_ELEMENTS_SCHEMA ] }) export class AppModule { }

¡Es un problema de importación, el 99,99% del tiempo!

He visto esta pregunta publicada de formas ligeramente diferentes en diferentes sitios, dentro y fuera de Stack Overflow. Puedo decirle que probablemente no sea un problema con Angular Language Service.

Hay tres razones por las que esto puede suceder

1. cómo ha exportado el Componente faltante de la biblioteca, por ejemplo, verifique si:

   • Se agregó export * from <your-component> a su archivo public-api.ts
   • Agregó su Componente a las exports del Módulo de Biblioteca que lo exporta

2. cómo está importando el componente de biblioteca, por ejemplo, verifique si:

   • enlazado la biblioteca? cd /path/to/<your-library> && npm link
   • ¿vinculó la aplicación?: cd /path/to/app && npm link <your-library>
   • agregó la biblioteca NgModule(s) YourLibraryModule a imports:[] de su NgModule principal de aplicaciones

3. ¡Tal vez olvidó declarar el componente principal en su aplicación NgModule!

   • Este es enorme y no se menciona a menudo. En Angular 10, 11, puede olvidarse de agregar el Componente de la aplicación a las declarations que hacen referencia al Componente de la biblioteca que falta, y el compilador/servicio de lenguaje se quejará de que falta el Componente de la biblioteca, ¡pero sin mencionar que el Componente de la aplicación se exportó incorrectamente!

¿Por qué reiniciar el servicio de lenguaje angular?

A veces, el error puede cambiar una vez que reinicie el servicio de idioma (por ejemplo, reinicie VSCode). Para el escenario 3 que mencioné anteriormente, el error se convierte en:

 Error: Cannot determine the module for class YourAppComponent in YourApp/src/app/components/your-app-component/your-app-component.component.ts! Add YourAppComponent to the NgModule to fix it

¡¡Y voilá!! ¡Usted ve el verdadero problema y arreglarlo es fácil!

Puede probar el siguiente enfoque. https://github.com/angular/vscode-ng-language-service/issues/645#issuecomment-648283157 En pocas palabras:

• Cree su lib con la bandera --prod.
• Luego vaya a dist/YourLibName y ejecute npm link
• Vaya al proyecto que usará lib y ejecute npm link YourLibName nombre del paquete lib.json
• En el proyecto tsconfig.json, agregue la propiedad paths a compilerOptions.

 { "compilerOptions": { . . . "paths": { "YourLibName from lib package.json": ["node_modules/YourLibPath"] },

Entonces podrá usarlo como cualquier biblioteca, por ejemplo, material.

Hola, tuve el mismo problema al desarrollar una biblioteca personalizada. Estaba usando el enlace entre la aplicación y la lib.

Arreglé la adición de preserveSymlinks en compilerOptions dentro de tsconfig.json.

 { "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "forceConsistentCasingInFileNames": true, "preserveSymlinks": true, ...

Consulte aquí para obtener más detalles.