タグ付けされた質問 「pug」

6
ノード上のクライアント:キャッチされていないReferenceError:requireが定義されていません
したがって、私はnode / express + jadeコンボを使用したアプリケーションを作成しています。 私が持っているclient.jsクライアントにロードされています、。そのファイルには、他のJavaScriptファイルから関数を呼び出すコードがあります。私の試みは使用することでした var m = require('./messages'); messages.js(サーバー側で行うのと同じように)のコンテンツをロードし、後でそのファイルから関数を呼び出します。ただし、requireクライアント側では定義されておらず、フォームのエラーをスローしますUncaught ReferenceError: require is not defined。 これらの他のJSファイルも、リンクをWebページのヘッダーに配置するため、ランタイムでクライアントに読み込まれます。したがって、クライアントはこれらの他のファイルからエクスポートされるすべての関数を知っています。 サーバーへのソケットを開くmessages.jsメインclient.jsファイル内の他のJSファイル(など)からこれらの関数を呼び出すにはどうすればよいですか?

8
Jade / PugでインラインJavaScriptをレンダリングするにはどうすればよいですか?
Jade(http://jade-lang.com/)を使用してページにJavaScriptをレンダリングさせようとしています 私のプロジェクトはExpressを備えたNodeJSにあり、headにインラインJavaScriptを記述したいまでeveythingは正しく機能しています。ジェイドのドキュメントの例をとっても、それが機能しないのですが、何が足りないのですか? ヒスイのテンプレート !!! 5 html(lang="en") head title "Test" script(type='text/javascript') if (10 == 10) { alert("working") } body 結果としてブラウザでレンダリングされたHTML <!DOCTYPE html> <html lang="en"> <head> <title>"Test"</title> <script type="text/javascript"> <if>(10 == 10) {<alert working></alert></if>} </script> </head> <body> </body> </html> 何か間違いなくここで何か見逃していることはありますか?
222 node.js  express  pug 

9
Expressで適切にフォーマットされたHTMLを出力するにはどうすればよいですか?
Node.jsにExpressを使用すると、改行文字やタブなしでHTMLコードが出力されることに気付きました。ダウンロードする方が効率的かもしれませんが、開発中はあまり読みやすくありません。 Expressで適切にフォーマットされたHTMLを出力するにはどうすればよいですか?


10
AngularJsアプリを作成するときのJadeまたはHandlebarの使用方法
私はjavascriptのフルスタックアプリケーション全体に新しい(しっとり)ので、Angularにはまったく新しいので、誰かがここで直接記録を付けてくれることを望んでいました。 AngularJSを使用してクライアント側のアプリを作成するときに、JadeやHandlebarsなどのテンプレートフレームワークを使用する必要があるのはなぜですか。 私はこれらのテンプレートフレームワークのいずれも使用したことがないことを言っておく必要があります。だから私はその利点に完全に精通していません。しかし、たとえばハンドルバーを見ると、ループなど、Angularで行うのと同じことの多くを実行します。 私の知る限り、Angularで適切なHTMLを使用してテンプレートを作成し、すべてのテンプレートクライアント側を実行し、これを、たとえばノードやmongoを使用するAPIの最初のアプローチと組み合わせるのが最も理にかなっています。 この混乱の理由は、GitHubで見つけた例の多くがJadeを使用しており、私には直観に反しているように見えるためです。 私を啓発して、私をまっすぐにしてください。私が知っている以上のことを知っている人からいくつかのベストプラクティスを学びたいです。 ありがとう

6
jadeテンプレートファイルからスクリプトファイルに変数を渡す方法は?
javascriptファイルに渡されないjadeテンプレートファイル(index.jade)で宣言された変数(config)で問題が発生し、JavaScriptがクラッシュします。これがファイル(views / index.jade)です。 h1 #{title} script(src='./socket.io/socket.io.js') script(type='text/javascript') var config = {}; config.address = '#{address}'; config.port = '#{port}'; script(src='./javascripts/app.js') これが私のapp.js(サーバー側)の一部です。 app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(__dirname + '/public')); }); app.configure('development', function(){ app.set('address', 'localhost'); app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); }); app.configure('production', function(){ app.use(express.errorHandler()); }); // Routes app.get('/', function(req, res){ res.render('index', { address: app.settings.address, …
119 javascript  node.js  pug 

13
ジェイド:段落内のリンク
Jadeを使用していくつかの段落を作成しようとしていますが、段落内にリンクがあるとわかりにくいです。 私が思いつくことができる最高のもの、そしてより少ないマークアップでそれを行う方法があるかどうか疑問に思っています: p span. this is the start of the para. a(href="http://example.com") a link span. and this is the rest of the paragraph.
118 node.js  markup  pug 

2
Node.jsテンプレートのJadeとEJSの両方の長所と短所は何ですか?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 ジェイド対EJS、それぞれの長所と短所は何ですか?それぞれの目的は何のために設計されていますか? そこにある他の速達互換のテンプレートエンジンは良いとなぜですか?
118 node.js  pug  ejs 

13
Jadeの代わりにExpressでHTMLを使用する
Node.JSでExpressを使用しているときにJadeを取り除く方法は?プレーンHTMLを使用したいだけです。他の記事では、最新バージョンでは非推奨となったapp.register()が推奨されていることを確認しました。
103 html  node.js  express  pug 

18
「ファイルが選択されていません」を変更します。
次のように「ファイルを選択」ボタンがあります(Jadeを使用していますが、Html5と同じである必要があります)。 input(type='file', name='videoFile') ブラウザでは、「ファイルが選択されていません」というテキストが横に付いたボタンが表示されます。「ファイルが選択されていません」というテキストを「ビデオが選択されていません」や「ビデオを選択してください」などの別のテキストに変更したいと思います。私はここで最初の提案に従いました: ファイル入力フィールドに「ファイルが選択されていません」と表示したくない しかし、これを行ってもテキストは変わりませんでした。 input(type='file', name='videoFile', title = "Choose a video please") 誰かが私が問題がどこにあるのかを理解するのを手伝ってくれる?
90 html  button  file-upload  pug 

6
Jade-テンプレートエンジン:変数が存在するかどうかを確認する方法
私は現在、新しいプロジェクトでJadeを使用しています。ページをレンダリングして、特定の変数が使用可能かどうかを確認したいと思います。 app.js: app.get('/register', function(req, res){ res.render('register', { locals: { title: 'Register', text: 'Register as a user.', } }); }); register.jade: - if (username) p= username - else p No Username! 私は常に次のエラーを受け取ります: username is not defined これを修正する方法について何かアイデアはありますか?
80 node.js  pug  express 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.