Angularjs 2 typescript 应用程序永久移动

Question

当我运行我的应用程序时，它给了我几个错误：

第一个是：

SyntaxError: class is a reserved identifier in the class thumbnail

代码：

const MAXHEIGHT = 170;
const MAXWIDTH = 320;
import {Subcategory} from './subcategory'
//import {Category} from './category'
import {bootstrap}    from 'angular2/platform/browser'

class Thumbnail {

    width: number;
    height: number;

    constructor(element: HTMLImageElement) {
        this.height = element.height;
        this.width = element.width;
    }

    resize(oImage: HTMLImageElement) {
        var maxWidth = 100; // Max width for the image
        var maxHeight = 100;    // Max height for the image
        var ratio = 0;  // Used for aspect ratio
        var width = oImage.width;    // Current image width
        var height = oImage.height;  // Current image height

        // Check if the current width is larger than the max
        if (oImage.width > MAXWIDTH) {
            ratio = MAXWIDTH / width;   // get ratio for scaling image
            oImage.width=MAXWIDTH; // Set new width
            oImage.height=height * ratio;  // Scale height based on ratio
            height = height * ratio;    // Reset height to match scaled image
            width = width * ratio;    // Reset width to match scaled image
        }

        // Check if current height is larger than max
        if (height > MAXHEIGHT) {
            ratio = MAXHEIGHT / height; // get ratio for scaling image
            oImage.height= MAXHEIGHT;   // Set new height
            oImage.width= width * ratio;    // Scale width based on ratio
            width = width * ratio;    // Reset width to match scaled image
            height = height * ratio;    // Reset height to match scaled image
        }
        // Check if current height is smaller than max
        if (height < MAXHEIGHT) {
            ratio = MAXHEIGHT / height; // get ratio for scaling image
            oImage.height = MAXHEIGHT;   // Set new height
            oImage.width = width * ratio;    // Scale width based on ratio
            width = width * ratio;    // Reset width to match scaled image
            height = height * ratio;    // Reset height to match scaled image
        }
        // Check if the current width is smaller than the max
        if (oImage.width < MAXWIDTH) {
            ratio = MAXWIDTH / width;   // get ratio for scaling image
            oImage.width = MAXWIDTH; // Set new width
            oImage.height = height * ratio;  // Scale height based on ratio
            height = height * ratio;    // Reset height to match scaled image
            width = width * ratio;    // Reset width to match scaled image
        }
        document.body.appendChild(oImage);
        console.log(oImage.height);
        console.log(oImage.width);

    }

}; 

window.onload = () => {
    var oImage = new Image();
    var oImage2 = new Image();
    // var category = new Category(1, "string");
    var subcategory = new Subcategory("teste",1,2);
    oImage.src = 'AngularJS.png';
    oImage.setAttribute('class','img-responsive');
    oImage2.src = 'ts.jpg';
    var thumbnail = new Thumbnail(oImage);
    var thumbnail2 = new Thumbnail(oImage2);
    thumbnail.resize(oImage);
    thumbnail2.resize(oImage2);
    console.log(oImage.height);
    console.log(oImage.width);
};

第二个错误是：

获取http://localhost:51580/app

301 永久移动

angular的配置是：

 <script>
      System.config({
        packages: {
            TypeScriptHTMLApp1: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
      });
      System.import('app')
            .then(null, console.error.bind(console));
    </script>

我已经尝试创建一个名为 app 的文件夹并移动了该文件夹的文件，但错误仍然存​​在。我需要帮助，我失去了几个小时，无法解决任何问题。我附上一张带有文件结构的图像，另一张带有萤火虫错误的图像。提前致谢。

Answer 1

正如@Eric 在评论中所建议的那样

根据this article，Firefox 版本

作为答案发布可能对某人有帮助。