問題タブ [harp]

私はハープ (harpjs.com) と p5.js (p5js.org) を使用しており、すべてを coffeescript で記述したいと考えています。

Harp は .coffee ファイルを理解するので、単純に sketch.coffee を書きましたが、うまくいきませんでした。名前をsketch.jsに変更してもうまくいきましたが、私は.coffeeの方が好きです。これを接続するために特別なライブラリが必要ですか?

harp compile ./現在のフォルダーにあるオブジェクトに基づいて、パーシャルからコンパイル (つまり) でメニュー項目を生成できるようにしたいと考えています。これは、別のソースから生成されたマークダウン ドキュメントに適用されます。Harp は、HTML ページだけでなく、そのセクションのナビゲーションも作成できることを願っています。GitHubのドキュメントとボイラープレート プロジェクトを調べてきましたが、この例は見当たりません。

使用しようとしているコードを含めました。これは、「ルート」からオブジェクトをプルできるという前提に基づいており、現在のオブジェクトに多少似たオブジェクトを返します。

_header.ejs

私は jade/coffee/stylus として記述した静的ファイルをレンダリングする Express ミドルウェアとして harp を使用しています。存在しないページを閲覧する場合を除いて、すべて正常に動作します。通常の 404 ページの代わりに、プレーンな「/(ページ名) を取得できません」というメッセージが表示されます。ノードを使用する代わりに「harpサーバー」でサイトを実行すると、当然正常に動作します。

問題は、サーバー内から 404 ページをリダイレクトする必要があることだと考えました。ただし、そうすると、Express は jade 形式を認識しません。次に、jade をインストールしてビュー エンジンとして使用する必要があります。さらに、スタイラスを使用する場合は、そのレンダリングも追加する必要があります。ハープをミドルウェアとして使用する目的を無効にします。

カスタム 404.jade ファイルをハープのスタンドアロン バージョンと同じように処理する代替案を誰か提案できますか?

私のコード:

これは nav.jade ファイルです

これは私のdata.jsonファイルです

エラー (Jade がファイルをコンパイルしようとしている間):

未定義のプロパティ '長さ' を読み取ることができません。

エラーは最初の行、つまりデータ内の各リンクで指摘されています。

ここで何が間違っていますか？

Harp サーバーを使用しています。

興味深い問題です。harp を使用して単純なアプリを作成し、それを Heroku にデプロイすると、問題になることが証明されています。前回のデプロイは、Harp ビルドパックを使用して問題なく動作しましたが、デプロイ時に壊れています。

これを引き起こすはずの変更は何もありません。ノード モジュールまたはノード バージョンの更新はありません。ログと Papertrail は不平を言っています:

この後、分岐してlib-sassでチェックしようとしました

ログによると、再インストールを試みましたが、役に立ちませんでした。誰もこれに遭遇したことがありますか？ビルドパックに問題がある可能性がありますか？

この標準的なディレクトリ構造を持つ Harp のプロジェクトがあります。

(強調表示された部分は私の git にbower_componentsありwww、インストール/コンパイル時に作成する必要があります)。

新しい bower コンポーネントをインストールすると、その CSS を Less に簡単に含めることができます。

しかし、JavaScript (またはその他の静的アセット) を使用する「正しい」方法は何でしょうか? もちろん、単純にコピーすることもできます。

これは人々が実際に行うことですが、私はもっと良いものを探しています。理想的には、makefiles/gruntfiles を完全に回避し、プロジェクトを次のように初期化できるようにしたいと考えていますbower install。

bower_componentsつまり、ディレクトリ内から存在する静的アセットを何らかの方法で参照したいと思いますpublic。harp compileシンボリックリンクを解決しないため、シンボリックリンクはオプションではありません。

Harp.js/jade/less を使用して Bootstrap 3 テーマを作成しています

less.modifyVar() 関数を使用して背景色を動的に変更しようとすると、スタイルシートは正しく再読み込みされますが、何も起こりません ...

少ないコード (variables.less) :

少ないコード (custom.less) :

ジェイドコード：

Javascript switchColor() 関数:

どんな助けでも大歓迎です。C.