2

私の組織では、Ember アドオンを使用して、アプリケーション間の共有コンポーネントのセットを開発しています。このリポジトリを と呼びましょうapp-components。現在、コンポーネント アプリケーションの主な役割は、CSS、フォント、および画像を配布することです。

また、共有コンポーネントを取り込み、開発者が参照できるように中立的な方法でそれらを提示する生きたスタイルガイドも構築しています。このリポジトリを と呼びましょうapp-styleguide。私たちの目標は、このソリューションを Github Pages にデプロイするためにapp-styleguide使用することです。ember-deployURL は次のパターンに従います。

https://organization.github.io/app-styleguide/

app-styleguideアプリケーションがブランチgh-pagesに到達し、Web ページとして提供されると、配信されるすべてのフォントと画像でapp-components404 が返されます。この問題に対するいくつかの異なる解決策を参照しましたが、同じ解決策に出くわし続けています。私たちが試したこと。

github ページへのデプロイを自動化する次の 2 つの ember アドオンを使用してみました。

  1. https://github.com/poetic/ember-cli-github-pages
  2. https://www.npmjs.com/package/ember-cli-deploy-gh-pages

これらの 2 つのアドオンはかなり古いため、最終的にはバニラのember-cli-deployソリューションを使用しました...

ここの指示に従ってrootUrl andlocationType properties to ourenvironment.js` ファイルを追加しましたが、うまくいきませんでした:

environment.js ファイルは次のようになります。

if (environment === 'production') {
    ENV.rootURL = '/app-styleguide';
    ENV.locationType = 'hash';
  }

そして、私たちのリクエストはapp-styleguide、アドオンからのアセットのリクエスト URL に追加されません。Chrome DevTools Network タブからの失敗したリクエストの例を次に示します。

Request URL:https://organization.github.io/assets/images/thumbnail-icons/person.svg
Request Method:GET
Status Code:404 Not Found

ご覧のとおり、app-styleguideはリクエストに追加されません。

どんな助けでも大歓迎です！

4

1 に答える 1