เบราว์เซอร์ aurelia กำลังโหลด main.ts ไม่ใช่ main.js

ฉันยังใหม่กับ aurelia และเมื่อรวมมันไว้ในโปรเจ็กต์ของฉันเป็นส่วนหน้า api ฉันพบปัญหาที่ฉันต้องการคำชี้แจง

ฉันปฏิบัติตามคู่มือเริ่มต้น พื้นฐานและ ทำให้แน่ใจว่าโค้ดสามารถโหลดได้ ซึ่งจะเกิดขึ้นถ้าฉันตั้งชื่อ main.js เป็น main.ts (และ app.js ด้วย)

เนื่องจากฉันไม่พบคำอธิบายหรือตัวเลือกการกำหนดค่าใด ๆ ในโค้ดหรือ "อินเทอร์เน็ต" ฉันสงสัยว่าฉันทำอะไรผิด

มีคนอื่นมีปัญหานั้นไหม

มันพยายามโหลด typescript แม้ว่าเอกสารจะบอกว่า app.js อยู่ที่นั่น

โครงการขั้นต่ำ

  1. ดาวน์โหลด http://aurelia.io/downloads/basic-aurelia-project.zip
  2. คัดลอกโค้ดใน http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/quick-start เป็น js
  3. ใช้งานเว็บเซิร์ฟเวอร์ใด ๆ ด้วย (เช่น python -m SimpleHTTPServer 8000)

person Summer-Sky    schedule 09.01.2017    source แหล่งที่มา
comment
ฉันไม่แน่ใจนิดหน่อยว่าปัญหาของคุณคืออะไร คุณบอกว่ามันจะโหลดถ้าคุณตั้งชื่อไฟล์ถูกต้อง? ดูที่นี่เพื่อดูวิธีเขียนตัวอย่างขั้นต่ำ สมบูรณ์ และตรวจสอบได้   -  person Tom    schedule 09.01.2017
comment
คุณได้เลือกใช้เวอร์ชัน Typescript ของโครงการเริ่มต้นจาก aurelia - ไฟล์ .ts ใช้สำหรับภาษานี้ซึ่งไม่ใช่จาวาสคริปต์ทุกประการ หากคุณต้องการใช้วิธีจาวาสคริปต์ ให้เลือกตัวอย่างโครงการ esnext   -  person Ovidiu Dolha    schedule 09.01.2017
comment
@Ovidiu Dolha: คุณช่วยอธิบายได้ไหม? ฉันไม่ทราบว่ามีการตั้งค่าใดๆ ในเอกสารการดาวน์โหลดหรือการเริ่มต้นอย่างรวดเร็ว   -  person Summer-Sky    schedule 09.01.2017
comment
จากเอกสาร: หากคุณดูที่แท็กสคริปต์ที่สอง คุณจะเห็น src ชี้ไปที่ scripts/config-typescript.js นี่คือการกำหนดค่าสำหรับ TypeScript ดังนั้น หากคุณต้องการใช้ TypeScript คุณก็พร้อมแล้วและไม่จำเป็นต้องทำการเปลี่ยนแปลงใดๆ หากคุณต้องการใช้ ESNext คุณต้องสลับ src เพื่อให้ชี้ไปที่ scripts/config-esnext.js แค่นั้นแหละ. ขณะนี้ การเลือกภาษาของคุณได้รับการกำหนดค่าด้วยเอกสารเหล่านี้และกับโปรเจ็กต์ใหม่ของคุณแล้ว โดยทั่วไปแล้ว ค่าเริ่มต้นคือ TypeScript โดยที่ไฟล์ต้นฉบับของคุณควรเป็น *.ts แต่คุณสามารถเปลี่ยนได้อย่างง่ายดายโดยการโหลดสคริปต์อื่นใน index.html   -  person Ovidiu Dolha    schedule 09.01.2017
comment
@Ovidiu Dolha ขอบคุณ มีตัวอย่างเอกสารที่ไม่ตรงกันแล้ว ตกลง เราเกือบจะพร้อมที่จะเปิดแอปของเราแล้ว ชิ้นต่อไปคือการบอก Aurelia ว่าควรแสดงผล app.js อย่างไร ฉันไม่คิดว่าพวกเขาจงใจตั้งค่าการดาวน์โหลดให้ล้มเหลว   -  person Summer-Sky    schedule 09.01.2017
comment
@Ovidiu Dolha ฉันไม่ใช่คนเดียวอย่างแน่นอนที่จะอ่านข้อความสีซีดที่ละเอียดอ่อนนั้นมากเกินไป โปรดเพิ่มเป็นคำตอบสำหรับผู้อื่นด้วย   -  person Summer-Sky    schedule 09.01.2017
comment
ใช่ อาจทำให้เข้าใจผิดนิดหน่อย เอกสารแนะนำ / เริ่มต้นของ Aurelia ประสบกับการเปลี่ยนแปลงบางอย่างในระหว่างการพัฒนาและมีจุดเริ่มต้นที่ถูกต้องมากกว่าหนึ่งจุด ดังนั้นจึงอาจยังมีข้อบกพร่อง - แต่พวกเขามีนโยบายแบบเปิดและยอมรับข้อเสนอการเปลี่ยนแปลงในรูปแบบของคำขอดึงบน repo เอกสารของพวกเขา (ดูปุ่มแก้ไขด้านบน) - ดังนั้นคุณจึงสามารถส่งคำชี้แจงในทางทฤษฎีได้   -  person Ovidiu Dolha    schedule 09.01.2017
comment
ใช่แล้ว ฉันดูแล้ว ... วิธีที่ง่ายที่สุดคือตั้งค่าการดาวน์โหลดเพื่อใช้ js ในตอนแรก และมีรายการโค้ดที่มี html สำหรับ TS และ html สำหรับ ES อยู่ที่ตำแหน่งนั้น   -  person Summer-Sky    schedule 09.01.2017


คำตอบ (1)


แพ็คเกจเริ่มต้นได้รับการกำหนดค่าตามค่าเริ่มต้นให้ทำงานกับ TypeScript ดังนั้นหากต้องการเปลี่ยนแปลงคุณจะต้องแทนที่สคริปต์

<script src="scripts/config-typescript.js"></script>

ใน index.html ด้วย

<script src="scripts/config-esnext.js"></script>

เพื่อใช้ Javascript / ES ต่อไป

สิ่งนี้ถูกกล่าวถึงในเอกสารประกอบ แต่อาจพลาดได้ง่าย และเอกสารประกอบการเริ่มต้นส่วนที่เหลือเป็นไปตามแนวทางจาวาสคริปต์

โปรดทราบว่าบทช่วยสอนนี้เป็นการเริ่มต้นอย่างรวดเร็ว - ส่วนที่ครอบคลุมมากกว่าคือ http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/contact-manager-tutorial และเมล็ดพันธุ์ทางเลือกเพิ่มเติม (เช่น JSPM / webpack) ก็ได้ พบใน repo นี้: https://github.com/aurelia/skeleton-navigation

person Ovidiu Dolha    schedule 09.01.2017