問題タブ [ember-addon]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ember.js - アドオンを使用して Ember アプリケーションを Github ページにデプロイする
私の組織では、Ember アドオンを使用して、アプリケーション間の共有コンポーネントのセットを開発しています。このリポジトリを と呼びましょうapp-components
。現在、コンポーネント アプリケーションの主な役割は、CSS、フォント、および画像を配布することです。
また、共有コンポーネントを取り込み、開発者が参照できるように中立的な方法でそれらを提示する生きたスタイルガイドも構築しています。このリポジトリを と呼びましょうapp-styleguide
。私たちの目標は、このソリューションを Github Pages にデプロイするためにapp-styleguide
使用することです。ember-deploy
URL は次のパターンに従います。
https://organization.github.io/app-styleguide/
app-styleguide
アプリケーションがブランチgh-pages
に到達し、Web ページとして提供されると、配信されるすべてのフォントと画像でapp-components
404 が返されます。この問題に対するいくつかの異なる解決策を参照しましたが、同じ解決策に出くわし続けています。私たちが試したこと。
github ページへのデプロイを自動化する次の 2 つの ember アドオンを使用してみました。
- https://github.com/poetic/ember-cli-github-pages
- https://www.npmjs.com/package/ember-cli-deploy-gh-pages
これらの 2 つのアドオンはかなり古いため、最終的にはバニラのember-cli-deployソリューションを使用しました...
ここの指示に従ってrootUrl and
locationType properties to our
environment.js` ファイルを追加しましたが、うまくいきませんでした:
environment.js ファイルは次のようになります。
そして、私たちのリクエストはapp-styleguide
、アドオンからのアセットのリクエスト URL に追加されません。Chrome DevTools Network タブからの失敗したリクエストの例を次に示します。
ご覧のとおり、app-styleguide
はリクエストに追加されません。
どんな助けでも大歓迎です!