2

タスクは、yeomanによってangular-fullstack-generatorで作成されたアプリをphonegapで実行することです。

興味のある方のために、これらは私が見つけた最も有望なチュートリアルです:

最初のチュートリアルで、yeoman チームによるangular-generatorを使用した実用的なソリューションにたどり着きました。しかし、angular-fullstack-generator を使用すると、次の問題が発生します。コンソールには次のように表示されます。

Failed to load resource file:///app/45eec174.app.css
Failed to load resource file:///app/f9250ffb.vendor.js
Failed to load resource file:///app/90992454.app.js
Failed to load resource file://www.google-analytics.com/analytics.js

したがって、これまでの私の疑いは<base href="/">、のヘッドで生成されたタグindex.htmlです。このSO-questionに似ています。単純に削除することはできません。

今、うなり声の私の理解は限られていますが、なぜそれは与えられた方法で動作するのgrunt serveですか?

そして、これをphonegapで動作させるにはどうすれば修正できますか?

4

2 に答える 2

2

私は同じ使命を持っています。しかし、まだそれを機能させるには。ただし、最初のステップとして、UI をスタンドアロン アプリケーションとして実行することができました。

あなたの推測は正しいです、

この基本タグは、テンプレートの読み込み中にアプリケーション全体で angular によって使用されます。同時に、ベース タグを含めると、index.html に含まれるリソースが見つかりません。私は次のことをしました

  1. index.html から base タグを削除しました

  2. 角度設定では、次のことを行いました

    $locationProvider.html5Mode({ 有効: true, requireBase: false });

ステップ＃2は、ベースタグを必要とせずにAngularがhtml5modeで動作するのに役立ちます。

  1. すべてのバックエンド サービス呼び出しをhttp://backendurl.com:port/api/serviceの形式で変更します

  2. サーバーから socket-io-client を提供しない

  3. クライアント側にバワーコンポーネントとしてsocket-io-clientをインストールする

  4. socket-io-client をバックエンド URL に接続します

  5. dist のフルスタックを構築する (grunt build:dist)

  6. \dist\public から cordovaapppath\www へのシンボリック リンクを作成します。

  7. コルドバ アプリをビルドします (コルドバ ビルド android)

あなたは終わった。phonegap を使用してアプリケーションを作成することに成功しました。Angular フルスタックから拡張する github プロジェクトを作成しました。 https://github.com/kannach/AFSPhonegap

試して貢献してください。

于 2015-09-08T12:41:39.443 に答える
0

今のところ、@Chandru ガイドをすべて実行した後、バージョン4.0.0 Beta 2 Webpack サポート以降の Generator Angular Fullstack バージョンを使用する場合、もう 1 つ実行する必要があります。

webpack.make.js で次の行を変更します。

publicPath: BUILD || DEV || E2E ? '/' : `http://localhost:${8080}/`,

に

publicPath: BUILD || DEV || E2E ? '' : `http://localhost:${8080}/`,
于 2017-01-08T16:43:58.293 に答える