Load module trong TS bị lỗi

Nơi các thành viên thảo luận các vấn đề liên quan đến JavaScript - ES6 - TypeScript
Trả lời
Hình đại diện của người dùng
chunglamht
Bài viết: 3
Ngày tham gia: T.Tư Tháng 5 17, 2017 9:43 pm

T.Ba Tháng 7 11, 2017 7:38 am

Em đang học đến bài module 01 chương 3.7 module & namspace. Khi sử dụng SystemJS để load module thì báo lỗi.
http://localhost/typescript/
Hình ảnh

Em có các file như sau:
Computer.ts

Mã: Chọn hết

interface Computer{
    cpu: string;
    ram: string;
    touch: boolean;
    price: number;

    showInfoComputer(): string;
}
export {Computer};
Lenovo.ts

Mã: Chọn hết

class Lenovo implements Computer {
    
    cpu: string;
    ram: string;
    touch: boolean;
    price: number;
    constructor(cpu: string, ram: string, touch: boolean, price: number){
        this.cpu = cpu;
        this.ram = ram;
        this.touch = touch;
        this.price = price;
    }

    showInfoComputer(): string{
        return `CPU: ${this.cpu} - RAM: ${this.ram} - TOUCH: ${this.touch} - PRICE: ${this.price}`;
    }
}
export {Lenovo};
Macbook.ts

Mã: Chọn hết

class Macbook implements Computer{
    cpu: string;
    ram: string;
    touch: boolean;
    price: number;
    constructor(cpu: string, ram: string, touch: boolean, price: number){
        this.cpu = cpu;
        this.ram = ram;
        this.touch = touch;
        this.price = price;
    }

    showInfoComputer(): string{
        return `CPU: ${this.cpu} - RAM: ${this.ram} - TOUCH: ${this.touch} - PRICE: ${this.price}`;
    }

}
export {Macbook};
Test.ts

Mã: Chọn hết

import { Computer } from "./Computer";
import { Lenovo } from "./Lenovo";
import { Macbook } from "./Macbook";


let computer1 = new Macbook("Intel", "6GB", false, 5000);
console.log(computer1.showInfoComputer());

let computer2 = new Lenovo("AMD", "8GB", true, 2000);
console.log(computer2.showInfoComputer());
index.html

Mã: Chọn hết

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1 style="text-align: center;">TypeScript</h1>
    <script type="text/javascript" src="system.js"></script>
    <script>
        System.defaultJSExtensions = true;
        System.import('./mjs/module-namespace/module/Test.js');
    </script>
</body>
</html>
tsconfig.json

Mã: Chọn hết

{
    "compilerOptions": {
        "outDir" : "mjs",
        "target": "ES6",
        "module":"CommonJS",
        "watch": true
    }
}
Nhờ các anh review giúp em xem em sai chỗ nào vậy ạ.
Em cảm ơn!

Hình đại diện của người dùng
luutruonghailan
Bài viết: 83
Ngày tham gia: T.Sáu Tháng 4 07, 2017 8:35 am
Đến từ: ZendVN
Has thanked: 2 time
Been thanked: 2 time
Liên hệ:

T.Ba Tháng 7 11, 2017 7:53 am

Em vào đây download file system mới nhất về và test lại xem sao https://github.com/systemjs/systemjs
Lưu ý khi test lại em nhớ xóa cache nhé!
;) ;) Multiple files in dev, a single file in prod

Hình đại diện của người dùng
chunglamht
Bài viết: 3
Ngày tham gia: T.Tư Tháng 5 17, 2017 9:43 pm

T.Ba Tháng 7 11, 2017 8:32 pm

luutruonghailan đã viết:
T.Ba Tháng 7 11, 2017 7:53 am
Em vào đây download file system mới nhất về và test lại xem sao https://github.com/systemjs/systemjs
Lưu ý khi test lại em nhớ xóa cache nhé!
Em đang dùng bản đó đó ạ.
Xóa cache rồi, vẫn không chạy
GET http://localhost/typescript/mjs/module- ... ule/Lenovo 404 (Not Found)
GET http://localhost/typescript/mjs/module- ... le/Macbook 404 (Not Found)

Em đã upload source lên đây, anh kiểm tra giúp em với:
https://drive.google.com/open?id=0Bz4Nq ... kl2Y2h2emc

Hình đại diện của người dùng
luutruonghailan
Bài viết: 83
Ngày tham gia: T.Sáu Tháng 4 07, 2017 8:35 am
Đến từ: ZendVN
Has thanked: 2 time
Been thanked: 2 time
Liên hệ:

T.Tư Tháng 7 12, 2017 7:24 pm

Anh lên khóa học typescript và down mã nguồn về, dùng file system.js trong đó, nó chạy ra kết quả em à. Em tham khảo code anh đã fix cho em nha!!
Tập tin đính kèm
typescript.zip
File đã chỉnh sửa
(23.11 KiB) Đã tải 23 lần
;) ;) Multiple files in dev, a single file in prod

Hình đại diện của người dùng
chunglamht
Bài viết: 3
Ngày tham gia: T.Tư Tháng 5 17, 2017 9:43 pm

T.Tư Tháng 7 12, 2017 8:26 pm

luutruonghailan đã viết:
T.Tư Tháng 7 12, 2017 7:24 pm
Anh lên khóa học typescript và down mã nguồn về, dùng file system.js trong đó, nó chạy ra kết quả em à. Em tham khảo code anh đã fix cho em nha!!
Em cảm ơn anh ạ!

Mà em kiểm tra thấy file system.js trên khóa học ver v0.19.31
Còn file em đang dùng là ver v0.20.14 Dev
Làm thế nào để em có thể sử dụng được với phiên bản mới ạ?

Trả lời
  • Thông tin
  • Đang trực tuyến

    Đang xem chuyên mục này: Alexa [Bot]1 khách