问题标签 [angular2-aot]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
120 浏览

angular - VS2015中的Angular2 Web部署(框架4.6)

我在部署Angular2 Vs2015应用程序时遇到问题。我已经创建了我的应用程序并部署在服务器中。当我第一次请求登录页面时。它加载所有node_modules和其他文件,第一次加载应用程序需要近 2 分钟。

我想选择AoT(Angular2)。但是我没有找到任何关于BundlingMinificationUglify等的文章或支持,我的应用程序应该可以快速加载。

VS2015,#Angular2 .....

参考: https ://angular.io/docs/ts/latest/cookbook/aot-compiler.html 和https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

0 投票
1 回答
13460 浏览

angular - 使用 Angular 2 AoT 编译时可以忽略打字稿错误吗?

我的应用程序有很多 TypeScript 错误,但运行正常(我将一个 javascript 应用程序移动到 typescript 并且现在无法修复所有类型问题......)。我已经设置了我的编辑器(webstorm)来忽略这些错误并且应用程序编译。

运行应用程序 (JiT) 运行良好,但是当我尝试使用 AoT 编译应用程序(我已遵循此 tuto)时,我得到所有 TypeScript 错误并且编译失败。我无法粘贴所有错误(太多),但这里有一个示例:

知道我目前无法修复所有错误(但想保留打字稿),我应该怎么做才能编译?

0 投票
2 回答
1112 浏览

angular - Angular2 AOT 编译与延迟加载模块和 systemjs

简洁版本:

angular2(当前为 2.2.1)是否按照快速入门使用 systemJS 与提前编译的延迟加载模块一起工作?

更长的版本:

我对 angular2 相当陌生,并且一直在关注 angular.io 上的快速入门和其他文档,以创建一个包含一些组件的简单站点,这些组件被分离成通过路由延迟加载的模块。

所以跟随这里:https ://angular.io/docs/ts/latest/cookbook/aot-compiler.html

我已经按照所有说明进行操作,我在 aot 文件夹中使用“node_modules/.bin/ngc”-p tsconfig-aot.json' 命令得到了输出,并且我在其中有一个“build.js”文件运行 '"node_modules/.bin/rollup" -c rollup-config.js' 命令后我的 dist 文件夹。

我已经设置了我的 index.html 删除 system.js 并引用了我的 build.js 输出。

我最初的运行失败了,抱怨它不知道“系统”是什么。我认为在构建过程中,我不再需要 system.js,所以不确定那里发生了什么。

如果我包含 system.js 并再次运行,我的错误中会出现以下堆栈跟踪:

加载资源失败:服务器响应状态为 404(未找到)build.js:3 异常:未捕获(承诺中):错误:(SystemJS)XHR 错误(404 未找到)正在加载http://localhost:3000 /app/shell/layout.module.ngfactory 错误:XHR 错误 (404 Not Found) 在 XMLHttpRequest.wrapFn [as _onreadystatechange] ( http://加载http://localhost:3000/app/shell/layout.module.ngfactory localhost:3000/node_modules/zone.js/dist/zone.js:698:29 ) 在 ZoneDelegate.invokeTask ( http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35 ) 在Object.onInvokeTask ( http://localhost:3000/dist/build.js:4:15086 ) 在 ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:264:40)在 Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:154 :47 ) 在 XMLHttpRequest.ZoneTask.invoke ( http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33 ) 加载http://localhost:3000/app/shell/layout 时出错。 module.ngfactory (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/app/shell/layout.module.ngfactory Error: XHR error (404 Not Found) loading http://localhost:3000/app /shell/layout.module.ngfactory 在 XMLHttpRequest.wrapFn [as _onreadystatechange] ( http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29) 在 ZoneDelegate.invokeTask ( http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35 ) 在 Object.onInvokeTask ( http://localhost:3000/dist/build.js:4 :15086 ) 在 ZoneDelegate.invokeTask ( http://localhost:3000/node_modules/zone.js/dist/zone.js:264:40 ) 在 Zone.runTask ( http://localhost:3000/node_modules/zone.js /dist/zone.js:154:47 ) 在 XMLHttpRequest.ZoneTask.invoke ( http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33 ) 加载http://localhost 时出错: 3000/app/shell/layout.module.ngfactory

奇怪的是它正在尝试加载“ http://localhost:3000/app/shell/layout.module.ngfactory ”,这是我懒加载的模块之一。

AOT 是否不适用于延迟加载的模块?

0 投票
3 回答
5274 浏览

angular - Angular2,AoT 编译:无法确定组件 AppComponent 的模块

摘要:我正在尝试将 Angular2 AoT 用于我的 Angular2 应用程序,但由于我有静态提供程序将一些值从服务器传递到 Angular2,因此ngc显示了一些错误。我的问题是如何获取ngFactory使用ngc.

详细信息:我正在使用说明书指南,运行"node_modules/.bin/ngc" -p tsconfig-aot.json显示以下错误:

tsconfig-aot.json:

包.json:

指数.pug:

main.ts:

app.module.ts:

app.component.ts:

更新 1:如评论中所述,我验证如果我删除静态提供程序的代码,我用于将数据从 servver 传递到 Angular2,即createMainModule()在 app.module.ts 中,等等,然后ngc工作正常。

更新 2:我使用 SystemJS 作为模块加载器。

0 投票
1 回答
913 浏览

angular - ngc 编译错误为 typings/index.d.ts' not found

我已经从以下 github下载了英雄之旅应用程序。

我已成功运行该应用程序npm start

但是当我尝试跑步时npm run start-aot

然后我收到以下错误。

在 package.json 以下是依赖项

0 投票
1 回答
625 浏览

angular - Angular2 AoT 编译错误:createAotCompiler 不是函数

我正在尝试在一个非常基本的应用程序上进行 AoT 编译,并且在 Windows 中出现此错误,我是否缺少任何包,因为我没有使用 angular-cli 启动

节点版本:5.2.0

套餐

0 投票
0 回答
458 浏览

angular - Angular 2 + Universal AoT 国际化

我目前在我们的 Angular 2 + Universal(服务器端渲染)项目中为 i18n 支持而苦苦挣扎。我希望每种语言都有不同的捆绑文件(例如 /server/bundle_EN.js 和 /server/bundle_DE.js)。

它确实适用于客户端渲染,但我不知道如何对服务器端渲染做同样的事情。因为节点服务器启动一次后需要使用不同的模板文件(取决于当前的客户端语言)。

是否可以使用 AoT 预编译项目并分离语言文件夹并在服务器上使用它们?

谢谢!

0 投票
1 回答
494 浏览

angular - TypeError:Angular2 AoT 编译错误:createAotCompiler 不是函数

我正在尝试遵循angular.io站点上的 AOT 编译指南,但是当我执行下面显示的命令时,“node_modules/.bin/ngc”-p tsconfig-aot.json

我得到错误

我的角度依赖项与编译器版本匹配 (^2.1.2)

0 投票
0 回答
877 浏览

angular - 运行时编译器未加载 不适用于 AoT

我决定使用 Angular 2 AoT 编译器来提高我的站点性能。作为一些需求问题,我需要在我的 ng2 应用程序中动态加载我的组件,当我开始使用 AoT 编译器构建我的应用程序时,一切顺利,但如果我打开 url,我收到一个错误:“运行时编译器未加载” ,经过我在互联网上进行一些研究后,看起来Aot默认无法与运行时编译器一起使用。有什么解决方法吗?任何输入将不胜感激。
Github 上的问题 12885

0 投票
1 回答
55 浏览

angular - 用angular2捆绑JS

我可以像捆绑 HTML 文件一样将 JS 文件与 angular2 捆绑在一起吗?

我目前声明我的 JS 文件并使用 dist 文件夹手动将它们复制到我的测试服务器。

有没有办法让我可以在 angular2 webpacks 时将这些 JS 文件与它捆绑在一起?