Внешний файл стиля не загружен в приложение полимера 3, развернутое в приложении Spring mvc

Стили загружаются в шаблон:

    static get template() {
        return html`
      <style>

        :host {
          display: block;
          border: double;
          background-color: lightsteelblue;
        }
      </style>

      <iron-ajax auto url="http://localhost:8000/api/clients" handle-as="json" last-response="{{_getClientsResponse}}"></iron-ajax>

      <h2>Hello [[prop1]]!</h2>
      <div>host</div>

     <link rel="stylesheet" href= "/node_modules/ag-grid-community/dist/styles/ag-grid.css">
     <link rel="stylesheet" href= "/node_modules/ag-grid-community/dist/styles/ag-theme-blue.css">

     <div class="test-header">
        Page Size:
        <select on-change="onPageSizeChanged" on-scroll="passive" id="page-size">
            <option value="5" selected>5</option>
            <option value="10" selected>10</option>
            <option value="15" selected>15</option>
            <option value="20" selected>20</option>
            <option value="100">100</option>
            <option value="500">500</option>
            <option value="1000">1000</option>
        </select>
    </div> 

     <ag-grid-polymer 
                        style="width: 90%;height: 600px;" 
                      class="ag-theme-blue"
                      gridOptions="{{gridOptions}}"
                      rowData="{{_getClientsResponse.values}}"
                      paginationAutoPageSize="true"
                      pagination="true"
                      enableSorting 
                      enableFilter
                      components="{{components}}"
                      enableColResize
                      suppressAutoSize
                      on-first-data-rendered="{{firstDataRendered}}"
                      minRowsToShow ="5"                      
     ></ag-grid-polymer>     
   `

Сборка выполняется с правильным базовым URL-адресом, который развертывается, а все остальные библиотеки загружаются.

Что может быть альтернативой загрузке внешнего файла стилей для пользовательского компонента?

==
Обновление 01: стили из шаблона пытаются загрузить из: http://myHost/context/node_modules/ag-grid-community/dist/styles/ag-grid.css не работает, поскольку ресурс находится не на этом пути. Если браузеру указан правильный веб-адрес: http://myHost/context/resource/polymer/node_modules/ag-grid-community/dist/styles/ag-grid.css загружен файл css. При этом полимерные модули успешно загружаются в index.html, например: <script type=module src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>

(Этот случай может быть связан с https://stackoverflow.com/posts/comments/94099895?noredirect=1 но я хотел бы сосредоточиться на корпусе Polymer 3.)


person Tihomir    schedule 04.12.2018    source источник
comment
обходным путем является копирование всего содержимого css в шаблон. (inlineCss переключение со сборки полимер-кли не сработало.)   -  person Tihomir    schedule 05.12.2018
comment
Может ли кто-нибудь помочь с этим делом. На данный момент кажется, что единственный вариант, который работает в развернутом приложении, — это скопировать содержимое css в шаблон, что неприемлемо для производственной версии.   -  person Tihomir    schedule 07.12.2018
comment
Если файлы css добавляются на хост-страницу, содержащую хост-элемент, пользовательский элемент не наследует их. Они загружаются, но таблица отображается без стилей. Все выводится в один столбец при развертывании в веб-приложении mvc. (Когда он работает автономно, все в порядке.)   -  person Tihomir    schedule 07.12.2018