問題タブ [pugjs]

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.

0 投票する
1 に答える
14405 参照

javascript - パグでconsole.logする方法は?

pug でバックエンドからのデータを console.log にするにはどうすればよいですか?

たとえば、これは Expressjs での私のバックエンドです。

show.pug で、Steam からのデータを調べたい:

Chrome の開発者ツールに何も表示されません。

何か案は?

0 投票する
1 に答える
209 参照

express - Express res.render の呼び出し時に React コンポーネントが PugJS ビューに完全にレンダリングされない

次の課題へのいくつかの指針を期待しています。

  • PugJS ビューを作成しました --> このビューは EpxressJS ルート内でレンダリングされます --> ExpressJS 関数 res.render の呼び出しで、React コンポーネントは ExpressJS .render() 関数呼び出し内のデータとして含まれます.... .

! 問題は、React コンポーネントが正しくレンダリングされず、HTML 要素としてマウントされていないことです。単一の「div」と最初の「a」タグのみを取得します。! バンドルに webpack を使用しています... PugJS ビューの「script」タグに含まれる bundle.js ファイルが生成されます。! 「simple-react-modal」の使用に注意してください

React コンポーネントは次のとおりです。

--> 結果の HTML コードの最初の 'a' タグの onClick プレースホルダーには何もありません。onClick はまったくありません。イベントリスナーもありません。

ExpressJS ルートのレンダリング部分は次のようになります。

結果は次のようになります。 ご覧のように。 いくつかの要素がありません

私のwebpack構成ファイル:

};


----技術。情報 - -

  • 開発中の TypeScript を使用する
  • JSXの使用
  • サーバーはNodeJSで実行されています
  • webpack を使用してすべてをバンドルします。
  • そのため、サーバー側のレンダリングが使用されます。

===============

私は何が欠けていますか?React 'Modal' オブジェクト全体が含まれていて、結果の HTML にマウントされていないのはなぜですか?

あなたから聞いて楽しみにして。

どうもありがとうございました:-)

0 投票する
1 に答える
644 参照

pug - css ブロック内で jade(pug) の「if ステートメント」を使用するにはどうすればよいですか?

次のような翡翠のテンプレートがあるとします。

.someclass3そして、翡翠テンプレートをレンダリングするときに、さまざまなオプションからさまざまな結果を作成したいと考えています。

何かのようなもの:

動いていない。

スタイル タグを 2 つに分割し、次のようにする必要があります。

これにより、3 スタイルのタグ HTML が生成されますが、実際には 1 つしか必要ありません。

誰でもこれを行う良い方法がありますか?

0 投票する
1 に答える
458 参照

node.js - サーバー側のAPIからデータを取得し、取得したデータをexpressjsを使用してpugjsファイルに渡す方法は?

サンプルコード:

// index.pug

// API エンドポイント

// ルート ファイル (index.js):

ここでは、どのように api に get リクエストを行い、取得した結果を api(locals) から polls 変数に渡しながら、profile.pug をレンダリングしますか?

0 投票する
1 に答える
104 参照

html - data-method を使用した HTML リンクが機能しない

データメソッド DELETE を送信するためだけに、AngularJS アプリケーションのビューでリンクを作成しようとしています。

私のルート:

私の PugJS テンプレート:

生成された HTML:

しかし、リンクをたどると、次のメッセージが表示されます。

データメソッドが機能していないようです。何が起こっているのか知っている人はいますか?

しばらくありがとう。