Как развернуть сборку полимера 3.0 на NGINX (Raspberry Pi) - PullRequest
Новая
       8

Как развернуть сборку полимера 3.0 на NGINX (Raspberry Pi)

0 голосов
/ 21 мая 2018

Как мне настроить сборку Polymer, чтобы я мог развернуть свое приложение, созданное на Windows, на моем Raspberry Pi с NGINX (в подкаталоге)?

Я не смог установить polymer-cli непосредственно на Raspberry Piпоскольку chromedriver (который необходим polymer-cli) доступен только для 64-битной Linux, а официальная ОС Raspian в настоящее время только 32-битная.

Итак, я установил Polymer-Cli на своей машине с Windows и создал свойпервое приложение Polymer в соответствии с https://www.polymer -project.org / 3.0 / start / toolbox / set-up , я также создал страницу нового вида.

Теперь я могу запустить приложениеиспользуя polymer serve (который правильно показывает приложение в браузере на компьютере с Windows) и соберите, используя polymer build.Теперь я хочу развернуть, поэтому скопировал каталог build (который содержит три встроенных варианта es5-bundled, es6-bundled и esm-bundled) в подкаталог корня NGINX, /var/www/html/polymer/build.

Запустив свой браузер и указав на http://<raspberrypi-ip>/polymer/build/esm-build Я вижу две ошибки.

* src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js" и src="src/my-app.js" в index.html дает 404. Я не смог найти, как настроить Polymer-Cli для измененияони и до сих пор служат рабочим приложением в Windows, поэтому я вручную добавил polymer/default/ к этим двум путям в index.html.

Теперь я получаю серую страницу в моем браузере, никаких дальнейших сообщений об ошибках...

Переходя в браузер моего телефона и вводя тот же URL-адрес, http://<raspberrypi-ip>/polymer/esm-build, я на самом деле вижу свое приложение вместе со ссылкой Oops you hit a 404. Head back to home.перейдя по этой ссылке, я попадаю в мое приложение, которое, кажется, работает, но URL-адрес теперь http://<raspberrypi-ip>/new-view.

Я также играл с NGINX try_files без везения ... 

server {
...
location /polymer/default {
   try_files $uri /polymer/default/index.html =404;
   }
}

РЕДАКТИРОВАТЬ: В Обслуживание приложения Polymer для / пути не в корне Я обнаружил, что мне также нужно настроить rootPath в index.html.Однако я все равно получаю 404, описанный выше, если я указываю свой браузер на http://<raspberrypi-ip>/polymer/esm-build/index.html ...

Кроме того, есть ли способ сослаться на rootPath в теге <script src="">, который я вручную редактировал выше?

Это мое первое знакомство с Polymer и NGINX, поэтому любые указатели приветствуются.

...