我有一个 angular 2 应用程序在 firefox 和 chrome 中运行，而不是在(叹息)IE 中运行。根据我的堆栈跟踪，我的 System js 设置似乎有问题。
这是我在网络控制台中看到的错误描述。
Error: (SystemJS) Syntax error
SyntaxError: Syntax error
at ZoneDelegate.prototype.invoke (http://localhost:8050/node_modules/zone.js/dist/zone.js:230:13)
at Zone.prototype.run (http://localhost:8050/node_modules/zone.js/dist/zone.js:114:17)
at Anonymous function (http://localhost:8050/node_modules/zone.js/dist/zone.js:502:17)
Evaluating http://localhost:8050/app/app.module.js
Error loading http://localhost:8050/app/app.module.js as "./app.module" from http://localhost:8050/app/main.js
好像找不到我的
app/app.module.js
但正如我所说，我在 firefox 和 chrome 上没有遇到过这个问题。
我在网上看了看，发现了一些关于 polyfill 垫片的东西..所以我尝试在我的 index.html 中包含以下内容
<script src="/node_modules/core-js/client/shim.min.js"></script>
<script src="/node_modules/systemjs/dist/system-polyfills.src.js"></script>
我希望这可以快速解决问题，但事实并非如此。有没有人对如何从这一点开始有任何建议？
编辑:
我在 IE 11 网络控制台中发现了一个 404。
看起来请求正在尝试命中
URL Protocol Method Result Type Received Taken Initiator Wait Start Request Response Cache read Gap
/node_modules/systemjs/dist/Promise.js.map HTTP GET 404 text/html 210 B 16 ms XMLHttpRequest 140 0 16 0 0 5266
或 systemjs 文件夹中的 Promise.js.map，我没有它。
那么，几个新问题
1) 为什么在我尝试过的其他浏览器中没有/不需要这个请求？
2) 这个文件有什么作用，我从哪里得到它？我仍然不确定在捕获它之后我的语法错误是否会被清除，但它似乎是一个合理的起点。
我还注意到在删除/注释掉之后
<script src="/node_modules/systemjs/dist/system-polyfills.src.js"></script>
不再发出对 Promise.js.map 的请求。所以我不确定 polyfil 到底做了什么，但它似乎引入了导致 404 的请求。
编辑 2:
我已尝试将我的 ES6 目标(在我的 tsconfig.json 中找到)切换到 ES5 目标，详见 here .现在，当我尝试构建时，我遇到了一大堆其他问题，堆栈跟踪可以很好地描述为 this post .
通过切换到 ES5 目标，我无法访问 Map、Promise 等...
我已经尝试查看该问题的一些修复方法，例如添加这个
///<reference path="node_modules/angular2/typings/browser.d.ts"/>
到我的 main.ts 文件的顶部，但我没有 angular2 文件夹，而是有一个 @angular 文件夹。并且找不到 typings 目录。我正在用 gradle 构建/部署这个东西，所以我将无法将 npm install typings 到我的本地机器并称之为一天......
编辑 3:我为此提供了赏金。最近，我尝试了另一种垫片。
<script src="/node_modules/core-js/client/shim.min.js"></script>
这仍然不适合我。我得到了相同的原始语法错误。
查看我的 main.ts 文件
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);
如果我注释掉第 3 行，Web 控制台中的错误就会消失，但现在我的应用程序当然不会启动。
只是为了好玩，这是我的 tsconfig.json
{
"compilerOptions": {
"target": "es6",
"module": "system",
"moduleResolution": "node",
"experimentalDecorators": true
},
"exclude": [
"node_modules",
"jspm_packages"
]
}
最佳答案
我终于明白了，这并不容易。我需要解决一些不同的问题。
1) 我需要将 tsconfig.json 中的“目标”设置为“es5”
{
"compilerOptions": {
"target": "es6", ==> "target" : "es5",
"module": "system",
"moduleResolution": "node",
"experimentalDecorators": true
},
"exclude": [
"node_modules",
"jspm_packages"
]
}
2) 我需要在 index.html 文件中包含正确的 shim
<script src="/node_modules/core-js/client/shim.min.js"></script>
在做了这两件事之后，我在构建过程中的 TS -> JS 转译步骤中仍然有一个巨大的堆栈跟踪，像这样
node_modules/rxjs/operator/toPromise.d.ts(7,59): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/operator/toPromise.d.ts(7,69): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/operator/toPromise.d.ts(9,9): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/operator/toPromise.d.ts(10,26): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/operator/toPromise.d.ts(10,36): error TS2304: Cannot find name 'Promise'.
3) 最后一步，我需要明确包含这个引用
/// <reference path= "../node_modules/typescript/lib/lib.es6.d.ts" />
在我的 app/main.ts 文件的顶部。
完成这 3 个步骤并重建项目后，事情终于开始在 IE 上运行了。
关于javascript - 系统js语法错误，IE11，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42121287/
我脑子里浮现出一些关于一种新编程语言的想法，所以我想我会尝试实现它。一位friend建议我尝试使用Treetop(Rubygem)来创建一个解析器。Treetop的文档很少，我以前从未做过这种事情。我的解析器表现得好像有一个无限循环，但没有堆栈跟踪；事实证明很难追踪到。有人可以指出入门级解析/AST指南的方向吗？我真的需要一些列出规则、常见用法等的东西来使用像Treetop这样的工具。我的语法分析器在GitHub上，以防有人希望帮助我改进它。class{initialize=lambda(name){receiver.name=name}greet=lambda{IO.puts("He
大约一年前，我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞，我可以在一个地方轻松完成，而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje
所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择
我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test
我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c
我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file
我克隆了一个rails仓库，我现在正尝试捆绑安装背景:OSXElCapitanruby2.2.3p173(2015-08-18修订版51636)[x86_64-darwin15]rails-v在您的Gemfile中列出的或native可用的任何gem源中找不到gem'pg(>=0)ruby'。运行bundleinstall以安装缺少的gem。bundleinstallFetchinggemmetadatafromhttps://rubygems.org/............Fetchingversionmetadatafromhttps://rubygems.org/...Fe
在Cooper的书BeginningRuby中，第166页有一个我无法重现的示例。classSongincludeComparableattr_accessor:lengthdef(other)@lengthother.lengthenddefinitialize(song_name,length)@song_name=song_name@length=lengthendenda=Song.new('Rockaroundtheclock',143)b=Song.new('BohemianRhapsody',544)c=Song.new('MinuteWaltz',60)a.betwee
我是Google云的新手，我正在尝试对其进行首次部署。我的第一个部署是RubyonRails项目。我基本上是在关注thisguideinthegoogleclouddocumentation.唯一的区别是我使用的是我自己的项目，而不是他们提供的“helloworld”项目。这是我的app.yaml文件runtime:customvm:trueentrypoint:bundleexecrackup-p8080-Eproductionconfig.ruresources:cpu:0.5memory_gb:1.3disk_size_gb:10当我转到我的项目目录并运行gcloudprevie
在Ruby类中，我重写了三个方法，并且在每个方法中，我基本上做同样的事情:classExampleClassdefconfirmation_required?is_allowed&&superenddefpostpone_email_change?is_allowed&&superenddefreconfirmation_required?is_allowed&&superendend有更简洁的语法吗？如何缩短代码？ 最佳答案 如何使用别名？classExampleClassdefconfirmation_required?is_a