Javascript Angularjs 2 typescript应用程序永久移动

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

第一个是：

SyntaxError:类是类缩略图中的保留标识符

代码：

const MAXHEIGHT=170；
常数MAXWIDTH=320；
从“./Subcategory”导入{Subcategory}
//从“./Category”导入{Category}
从“angular2/platform/browser”导入{bootstrap}
类缩略图{
宽度：数字；
高度：数字；
构造函数（元素：HTMLImageElement）{
this.height=element.height；
this.width=element.width；
}
调整大小（oImage:HTMLImageElement）{
var maxWidth=100；//图像的最大宽度
var maxHeight=100；//图像的最大高度
var ratio=0；//用于纵横比
var width=oImage.width；//当前图像宽度
var height=oImage.height；//当前图像高度
//检查当前宽度是否大于最大值
如果（oImage.width>MAXWIDTH）{
ratio=MAXWIDTH/width；//获取缩放图像的比率
oImage.width=MAXWIDTH；//设置新宽度
oImage.height=高度*比率；//基于比率的缩放高度
高度=高度*比率；//重置高度以匹配缩放图像
宽度=宽度*比率；//重置宽度以匹配缩放图像
}
//检查当前高度是否大于最大值
如果（高度>最大高度）{
ratio=MAXHEIGHT/height；//获取缩放图像的比率
oImage.height=MAXHEIGHT；//设置新高度
oImage.width=width*ratio；//基于比率的缩放宽度
宽度=宽度*比率；//重置宽度以匹配缩放图像
高度=高度*比率；//重置高度以匹配缩放图像
}
//检查当前高度是否小于最大值
如果（高度<最大高度）{
ratio=MAXHEIGHT/height；//获取缩放图像的比率
oImage.height=MAXHEIGHT；//设置新高度
oImage.width=width*ratio；//基于比率的缩放宽度
宽度=宽度*比率；//重置宽度以匹配缩放图像
高度=高度*比率；//重置高度以匹配缩放图像
}
//检查当前宽度是否小于最大值
if（oImage.width{
var oImage=新图像（）；
var oImage2=新图像（）；
//var类别=新类别（1，“字符串”）；
var子类别=新的子类别（“测试”，1,2）；
oImage.src='AngularJS.png'；
setAttribute（'class'，'img-responsive'）；
oImage2.src='ts.jpg'；
var缩略图=新缩略图（oImage）；
var thumbnail2=新缩略图（oImage2）；
缩略图。调整大小（oImage）；
缩略图2.调整大小（oImage2）；
控制台日志（图像高度）；
控制台日志（图像宽度）；
};

第二个错误是：

得到

301永久搬迁

角度传感器的配置为：

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

System.config({
套餐：{
TypeScriptHTMLApp1：{
格式：'寄存器'，
defaultExtension:'js'
}
}
});
System.import（'app'）
.then（null，console.error.bind（console））；

---

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

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

根据，Firefox版本<45不支持类 . 相反，在chrome中尝试相同的用例

---

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

尝试使用关键字作为类名的前缀

导出

给我一个相同的错误：Syntaxer错误：类是保留标识符类缩略图{看到你在使用firefox了吗？你回答中的plnkr真的是一团糟。我建议你从头开始。我的代码在以前版本的firefox中使用了

class

，这意味着你的代码没有被传输，而是像在浏览器中一样被直接读取。按照教程进行操作，不要从那里开始在chrome中给我：未捕获的语法错误：意外的保留字app.js:4未捕获的类型错误：无法重新定义属性：onreadystatechange traceur runtime.js:2弃用警告：“enqueueTask”不再受支持，将在下一个主要版本中删除。请使用addTask/addRepeatingTask/addMicroTask弃用警告：“dequeueTask”不再受支持，将在下一个主要版本中删除。使用removeTask/RemovePeatingTask/removeMicroTask加载资源失败：服务器以404状态响应（未找到）你能重新定义你在任何plunkr上的问题吗？这可能有助于我更好地理解你的问题。你在哪里引导你的主文件？你的plunkr似乎不完整，只有几个文件。o需要导入bootsrap文件我在这个链接中找到了解决方案：

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