Компонент SVG в проекте библиотеки Angular выдает ошибку `` Неизвестное слово ''

Я создаю пакет библиотеки npm в Angular 8.1.3

Если я добавлю файл SVG в качестве шаблона компонента в проект библиотеки, то команда сборки ng build <project-name> выдаст my-comp.component.svg:1:1: Unknown word ошибку.

Однако если я добавлю файл SVG в качестве шаблона компонента в основное приложение, он будет успешно построен. Пожалуйста помоги.

Angular CLI: 8.1.2
Node: 12.3.1
OS: win32 x64
Angular: 8.1.3
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.801.2
@angular-devkit/build-angular      0.801.2
@angular-devkit/build-ng-packagr   0.801.2
@angular-devkit/build-optimizer    0.801.2
@angular-devkit/build-webpack      0.801.2
@angular-devkit/core               8.1.2
@angular-devkit/schematics         8.1.2
@angular/cli                       8.1.2
@ngtools/json-schema               1.1.0
@ngtools/webpack                   8.1.2
@schematics/angular                8.1.2
@schematics/update                 0.801.2
ng-packagr                         5.3.0
rxjs                               6.5.2
typescript                         3.4.5
webpack                            4.35.2

npm svg angular angular-library
person Rahul Salvi    schedule 26.07.2019    source источник
comment
У меня такая же проблема, ты что-нибудь понял, @Rahul?   -  person Will    schedule 29.07.2019

Ответы (2)


arrow_upward
1
arrow_downward

Я отправил сообщение об ошибке, похоже, что она была запечатлена, просто нужно подождать, пока она не будет выпущена. https://github.com/angular/angular-cli/issues/15187.

Я встроил свой svg, и я думаю, что это сработало, пока вы можете попробовать это.

person Will    schedule 29.07.2019

arrow_upward
0
arrow_downward

Я смог исправить это, выполнив следующие шаги:

  1. Обновите Angular CLI до последней версии, используя

    npm install @angular/cli

  2. Обновите ng-packagr, используя

    npm i ng-packagr@latest

  3. Импортировать BrowserModule в корневой модуль проекта библиотеки

    import { BrowserModule } from '@angular/platform-browser';

    ...

    @NgModule({ imports: [ BrowserModule ]

  4. Затем соберите проект с помощью команды ng build my-project

person Rahul Salvi    schedule 30.07.2019