คำถามติดแท็ก pug

6
ไคลเอ็นต์บนโหนด: Uncaught ReferenceError: require ไม่ได้ถูกกำหนดไว้
ดังนั้นฉันกำลังเขียนแอปพลิเคชันที่มีโหนด / express + jade combo ฉันมีclient.jsซึ่งโหลดบนไคลเอนต์ ในไฟล์นั้นฉันมีรหัสที่เรียกใช้ฟังก์ชันจากไฟล์ JavaScript อื่น ๆ ความพยายามของฉันคือการใช้ var m = require('./messages'); เพื่อที่จะโหลดเนื้อหาของmessages.js(เช่นเดียวกับที่ฉันทำในฝั่งเซิร์ฟเวอร์) และต่อมาในฟังก์ชั่นการโทรจากไฟล์นั้น แต่ไม่ได้กำหนดไว้ในฝั่งไคลเอ็นต์และมันจะพ่นข้อผิดพลาดของแบบฟอร์มrequireUncaught ReferenceError: require is not defined ไฟล์ JS อื่น ๆ เหล่านี้ยังโหลดในรันไทม์ที่ไคลเอนต์เพราะฉันวางลิงค์ที่ส่วนหัวของหน้าเว็บ ดังนั้นไคลเอนต์จึงรู้ถึงฟังก์ชั่นทั้งหมดที่ส่งออกจากไฟล์อื่นเหล่านี้ ฉันจะเรียกใช้ฟังก์ชันเหล่านี้จากไฟล์ JS อื่น ๆ เหล่านี้ (เช่นmessages.js) ในclient.jsไฟล์หลักที่เปิดซ็อกเก็ตไปยังเซิร์ฟเวอร์ได้อย่างไร
8
ฉันจะแสดง JavaScript แบบอินไลน์ด้วย Jade / Pug ได้อย่างไร
ฉันพยายามรับ JavaScript เพื่อแสดงผลบนหน้าของฉันโดยใช้ Jade (http://jade-lang.com/) โครงการของฉันอยู่ใน NodeJS ด้วย Express eveything ทำงานได้อย่างถูกต้องจนกว่าฉันต้องการเขียน JavaScript แบบอินไลน์ในหัว แม้แต่การยกตัวอย่างจากเอกสารหยกฉันไม่สามารถทำให้มันหายไปได้ แม่แบบหยก !!! 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> …
222 node.js  express  pug 
9
ฉันจะทำให้ Express to output HTML มีรูปแบบที่ดีได้อย่างไร
เมื่อใช้ Express for Node.js ฉันสังเกตว่ามันแสดงผลโค้ด HTML โดยไม่มีอักขระหรือแท็บบรรทัดใหม่ แม้ว่าการดาวน์โหลดอาจมีประสิทธิภาพมากกว่า แต่ก็ไม่สามารถอ่านได้มากในระหว่างการพัฒนา ฉันจะทำให้ Express to output HTML มีรูปแบบที่ดีได้อย่างไร
9
เน้นไวยากรณ์สำหรับ Jade ใน Sublime Text 2 หรือไม่
ฉันเพิ่งเริ่มใช้ Sublime Text 2 บน Mac ฉันเพิ่งเริ่มใช้Jadeสำหรับมุมมองของฉันใน Node.js และฉันสงสัยว่ามีวิธีเพิ่มไวยากรณ์ที่เน้นให้ Jade ลงใน Sublime Text 2
10
Jade หรือ Handlebars ใช้อะไรเมื่อเขียนแอพ AngularJs
ฉันเป็นคนใหม่ (ish) สำหรับแอปพลิเคชั่นสแต็กเต็มรูปแบบของจาวาสคริปต์และยังใหม่สำหรับ Angular ดังนั้นฉันหวังว่าจะมีใครสักคนสามารถใส่บันทึกให้ฉันได้ที่นี่ เหตุใดฉันจึงต้องใช้เฟรมเวิร์กเทมเพลตเช่น Jade หรือ Handlebars เมื่อเขียนแอพฝั่งไคลเอ็นต์โดยใช้ AngularJS ฉันควรจะบอกว่าฉันไม่เคยใช้เฟรมเวิร์กเทมเพลตเหล่านี้เลย ดังนั้นฉันจึงไม่คุ้นเคยกับข้อดีอย่างสมบูรณ์ แต่เมื่อฉันดูที่ Handlebars มันจะทำหลายอย่างเช่นเดียวกับที่ฉันทำใน Angular เช่นการวนซ้ำเป็นต้น เท่าที่ฉันสามารถบอกได้มันสมเหตุสมผลที่สุดที่จะสร้างเทมเพลตใน Angular โดยใช้ HTML ที่เหมาะสมจากนั้นทำการเทมเพลตฝั่งไคลเอ็นต์ทั้งหมดและรวมสิ่งนี้เข้ากับแนวทางแรกของ API โดยใช้ node และ mongo เป็นต้น สาเหตุของความสับสนนี้คือตัวอย่างจำนวนมากที่ฉันพบใน GitHub ใช้ประโยชน์จาก Jade และดูเหมือนว่าจะใช้งานง่ายสำหรับฉัน โปรดสอนฉันและตั้งฉันให้ตรง ฉันชอบที่จะเรียนรู้แนวทางปฏิบัติที่ดีที่สุดจากผู้ที่รู้จักมากกว่าที่ฉันทำ ขอบคุณ
6
จะส่งตัวแปรจากไฟล์เทมเพลต Jade ไปยังไฟล์สคริปต์ได้อย่างไร
ฉันมีปัญหากับตัวแปร (config) ที่ประกาศในไฟล์แม่แบบ jade (index.jade) ที่ไม่ได้ส่งไปยังไฟล์จาวาสคริปต์ซึ่งทำให้จาวาสคริปต์ของฉันขัดข้อง นี่คือไฟล์ (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()); …
119 javascript  node.js  pug 
13
Jade: ลิงก์ภายในย่อหน้า
ฉันกำลังพยายามเขียนบางย่อหน้าด้วย 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
ข้อดีข้อเสียของทั้ง Jade และ EJS สำหรับเทมเพลต Node.js คืออะไร [ปิด]
ตามที่กล่าวไว้ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา Jade กับ EJS ข้อดีข้อเสียของแต่ละข้อคืออะไรและแต่ละจุดออกแบบมาเพื่ออะไร มีเอ็นจิ้นเทมเพลตที่เข้ากันได้กับ Express อื่น ๆที่ดีหรือไม่และเพราะเหตุใด
118 node.js  pug  ejs 
13
ใช้ HTML ใน Express แทน Jade
ฉันจะกำจัด Jade ในขณะที่ใช้ Express กับ Node.JS ได้อย่างไร ฉันต้องการใช้ 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") ใครช่วยฉันได้ไหมว่าปัญหาอยู่ที่ไหน
92 html  button  file-upload  pug 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.