ACTUALIZAR ANGULAR 12

usar la opción --configuration production mientras construía la biblioteca solucionó mi problema

 ng build --configuration production

Respuesta original:

usar la opción --prod mientras construía la biblioteca solucionó mi problema

 ng build yourLibraryName --prod

Según los documentos oficiales de Angular https://angular.io/guide/ivy#opting-out-of-ivy-in-version-9

es mejor optar por no participar en el compilador Ivy para usar el antiguo View Engine al crear y publicar su biblioteca agregando esta línea:

enableIvy: false

a angularCompilerOptions en el archivo tsconfig.json en la raíz de su biblioteca, como se puede ver a continuación;

Lo probé después de actualizar mi biblioteca Angular a la versión 9 de Angular y este pequeño cambio funcionó de maravilla.

En mi caso, ninguna de las soluciones anteriores funcionó. Sin embargo, noté que en el package.json de mi biblioteca en la carpeta dist hay una secuencia de comandos recién agregada (probablemente agregada debido a esto ):

"scripts": { "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1" }
"scripts": { "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by NGCC. This is not allowed.\\nPlease delete and rebuild the package, without compiling with NGCC, before attempting to publish.\\nNote that NGCC may have been run by importing this package into another project that is being built with Ivy enabled.\\n')\" && exit 1" }

Entonces, aquí elimine/reemplace el script prepublishOnly o publique usando npm publish --ignore-scripts

agregando

"compilationMode": "parcial"

para

"opciones del compilador angular": {

}

Resolvió mi problema

En su archivo angular.json , tiene un objeto de build en su árbol de biblioteca. Dentro de build , tiene un objeto de configurations , que contiene un objeto de production y probablemente también un objeto de development .

Dentro del objeto de build , defina una nueva propiedad llamada defaultConfiguration y establezca el valor: production que coincida con el nombre de la propiedad de production dentro del objeto de configurations .

Su archivo angular.json debería verse así:

 "architect": { build": { "builder": "@angular-devkit/build-ng-packagr:build", "options": { "tsConfig": "projects/ngx-custom-tooltip/tsconfig.lib.json", "project": "projects/ngx-custom-tooltip/ng-package.json" }, "configurations": { "production": { "tsConfig": "projects/ngx-custom-tooltip/tsconfig.lib.prod.json" }, "development": { "tsConfig": "projects/ngx-custom-tooltip/tsconfig.lib.json" } }, "defaultConfiguration": "production" }, ... }

Su tsconfig.lib.prod.json debe contener este objeto:

 "angularCompilerOptions": { "enableIvy": false }

Finalmente, puedes ejecutar ng build your-library-name

Mientras construía mis bibliotecas con ng build --prod y enableIvy = false en tsconfig.lib.json , estaba obteniendo el mismo script "prepublishOnly" agregado a mi package.json de espacio de trabajo.json que tenía Melchia .

La razón por la que parece estar relacionada con el uso de un repositorio privado a través de publishConfig/registry en el package.json de cada biblioteca, como se indica en https://github.com/angular/angular/issues/37973#issuecomment-656136865

Al crear bibliotecas angulares para publicación, use ng build --prod , enableIvy = false en el archivo tsconfig.json de la biblioteca y, si trabaja con un repositorio privado, npm publish --ignore-scripts

Además de agregar el indicador --prod , si está ejecutando una versión muy antigua, también necesitará la siguiente actualización de angular.json :

 "myproject": { ... "architect": { "build": { ... "configurations": { "production": { "tsConfig": "projects/mypath/tsconfig.lib.prod.json" } } },

siendo el contenido de ese archivo:

 { "extends": "./tsconfig.lib.json", "angularCompilerOptions": { "enableIvy": false } }

Puede verificar si tiene una versión tan antigua si todavía tiene las siguientes líneas en angular.json :

 "production": { "project": "projects/tsmean/spinner/ng-package.prod.json" }

Arreglo para el problema de estilo de componente faltante de Angular 12+

En Angular 12, mientras usa:

 ng build --configuration production

de hecho, resolvió el problema original para mí, también introdujo uno nuevo: los estilos de mi componente de biblioteca faltaban por completo.

He resuelto este otro problema reemplazando:

 "angularCompilerOptions": { "enableIvy": false }

con:

 "angularCompilerOptions": { "compilationMode": "partial" }

en projects/my-library/tsconfig.lib.prod.json

Fuente: https://angular.io/guide/creating-libraries#building-libraries-with-ivy