Директория "app" Rails, кажется, перепуталась с директорией "app" контейнера Docker, в результате чего webpacker искал манифест в неправильном месте. Что я должен делать? - PullRequest
Новая
       231

Директория "app" Rails, кажется, перепуталась с директорией "app" контейнера Docker, в результате чего webpacker искал манифест в неправильном месте. Что я должен делать?

0 голосов
/ 06 августа 2020

У меня есть приложение Rails, которое помещено в контейнер и правильно работает в разработке на моей локальной машине. Когда я перетаскиваю его с Docker Hub на рабочий сервер, я испытываю странное поведение с webpacker, когда кажется, что webpacker ищет не тот каталог (/app/app/public/packs) для моего манифеста / файлов, а не то место, где они на самом деле существует (/app/public/packs).

Я предполагаю

Я предполагаю, что существует конфликт, вызванный тем, что приложение Rails находится в /app, но также имеет стандартный каталог app что все проекты Rails имеют (/app/app в моем контейнере). Я думаю, что где-то есть конфликт имени / пути / неправильное прочтение. Я мог ошибаться.

Вот что происходит:

После извлечения изображения и его вызова с помощью docker-compose я выдаю команду для компиляции ресурсов веб-пакера: 

docker-compose exec app bundle exec rake webpacker:compile

Что выводит: 

Compiling...
Compiled all packs in /app/public/packs

Хорошо, хорошо. Этот путь кажется правильным, потому что в контейнере приложения Rails проект Rails находится в /app, а в контейнере действительно есть каталог /app/public/paths.

Ошибка

Но когда Я пытаюсь получить доступ к приложению Rails через браузер, получаю сообщение об ошибке. Внутри log/production.log я нахожу следующее: 

F, [2020-08-06T17:20:48.069394 #6] FATAL -- : [fc2bd325-78f8-48f6-b45a-920fd3105bfd]
[fc2bd325-78f8-48f6-b45a-920fd3105bfd] ActionView::Template::Error (Webpacker can't find media/images/login-logo.png in /app/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
   unless you are using the `webpack -w` or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.
Your manifest contains:
{
}
):

В этом журнале есть два основных момента:

  1. Webpacker ищет мой манифест /app/public/packs/manifest.json
  2. Webpacker сообщает, что мой манифест пуст.

Но манифест в этом месте не пуст: 

/app # cat /app/public/packs/manifest.json
{
  "application.css": "/packs/css/application-93da03a6.css",
  "application.js": "/packs/js/application-3d0a7e3a09e279deed6f.js",
  "application.js.map": "/packs/js/application-3d0a7e3a09e279deed6f.js.map",
  "entrypoints": {
    "application": {
      "css": [
        "/packs/css/application-93da03a6.css"
      ],
      "js": [
        "/packs/js/application-3d0a7e3a09e279deed6f.js"
      ],
      "js.map": [
        "/packs/js/application-3d0a7e3a09e279deed6f.js.map"
      ]
    }
  },
  "media/images/header-logo.png": "/packs/media/images/header-logo-af4d5c3bf874bd9aff042c8946a2ea86.png",
  "media/images/login-logo.png": "/packs/media/images/login-logo-7ecc5f8267bf89503ee87f8deb6fac66.png"
}/app #

«Исправление»

Это казалось для меня это было странно, пока я не понял: что, если каталог контейнера /app путается с каталогом rails app, который расположен в контейнере по адресу /app/app. Что, если webpacker действительно смотрит на /app/app/public/..., которого не существует?

Чтобы проверить эту теорию, я запустил: 

ln -s /app/public/ /app/app/public
bin/rails restart

И бац. Приложение Rails появилось в моем браузере правильно. Все работает.

Почему это происходит и что мне делать?

Так что, похоже, моя теория может быть верной. У меня вопрос: почему это происходит и что мне делать?

Не думаю, что я изменил какие-либо настройки конфигурации webpacker на что-то странное. Я полностью перечислил конфигурацию своего веб-пакера ниже. Что мне делать, чтобы разобраться в этом поведении? Что заставляет webpacker искать в неправильном каталоге?

Моя конфигурация webpacker: 

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_root_path: public
  public_output_path: packs
  cache_path: tmp/cache/webpacker
  check_yarn_integrity: false
  webpack_compile_output: true

  # Additional paths webpack should lookup modules
  # ['app/assets', 'engine/foo/app/assets']
  resolved_paths: []

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  # Extract and emit a css file
  extract_css: false

  static_assets_extensions:
    - .jpg
    - .jpeg
    - .png
    - .gif
    - .tiff
    - .ico
    - .svg
    - .eot
    - .otf
    - .ttf
    - .woff
    - .woff2

  extensions:
    - .mjs
    - .js
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

development:
  <<: *default
  compile: true

  # Verifies that correct packages and versions are installed by inspecting package.json, yarn.lock, and node_modules
  check_yarn_integrity: true

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: localhost
    port: 3035
    public: localhost:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    pretty: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: '**/node_modules/**'


test:
  <<: *default
  compile: true

  # Compile test packs to a separate directory
  public_output_path: packs-test

production:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true
...