Файл внешнего стиля не загружен в приложение polymer 3, развернутое в приложении Spring mvc - PullRequest
Новая
       36

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

0 голосов
/ 04 декабря 2018

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

    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.)

...