问题标签 [angular2-aot]

在我升级到之前，angular-cli.beta-24我有这个路线结构：

但是，当在 of 中定义子路由时，这会失败router.module，+route1因为在默认情况下启用 AOT 后找不到它们。

我可以通过不在那里定义子路由来使其工作，而是将它们移动到与router.module应用程序中的所有其他路由相同的位置。而是看起来像这样：

这些路线显然不再是子路线了。

虽然这可行，但这对我来说不是一个可行的解决方案，因为我的面包屑依赖于路由器树，如果你不能再拥有路由器树，它只会在整体上造成混乱。

这是一个示例（route1的router.module文件）：

为什么在使用 AOT 时不能这样定义路由？我错过了什么？

在 angular-cli git https://github.com/angular/angular-cli/issues/3701上提出并发布，但被告知在此处发布。

2.0.0在最近升级到 angular 之前，我的 angular项目运行良好2.3.1。

children添加到路由 时会出现以下错误。 ERROR in Error encountered resolving symbol values statically. Calling function 'label', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol ActionTypes in C:/Workspace/xxx/src/app/game-vendor.action.ts, resolving symbol gameVendorRoutes in C:/Workspace/xxx/src/app/game-vendor/game-vendor.routing.ts, resolving symbol gameVendorRouting in C:/Workspace/ xxx/src/app/game-vendor/game-vendor.routing.ts, resolving symbol gameVendorRouting in C:/Workspace/xxx/src/app/game-vendor/game-vendor.routing.ts, resolving symbol GameVendorModule in C:/Workspace/xxx/src/app/game-vendor/game-vendor.module.ts, resolving symbol GameVendorModule in C:/Workspace/xxx/src/app/game-vendor/game-vendor.module.ts

注释代码导致问题。 export const gameVendorRoutes: Routes = [ { path: 'gamevendors', component: InnerPageRegionComponent, children: [ { path: 'get', component: GameVendorGetComponent, data: { title: 'Get Game Vendor', description: 'Get Game Vendor', keywords: ['get', 'game', 'vendor', 'get game vendor'], category: 'Game Vendor', }, }, // { // path: 'create', // component: GameVendorCreateComponent, // data: { // title: 'Create Game Vendor', // description: 'Create Game Vendor', // keywords: ['create', 'game', 'vendor', 'create game vendor'], // category: 'Game Vendor', // recallAction: actions.ActionTypes.UPDATE_STORE, // }, // }, ], }, ]; export const gameVendorRouting: ModuleWithProviders = RouterModule.forChild(gameVendorRoutes);

这个问题有解决办法吗？？

每当我将 AOT 与 angular cli 一起使用时，每当我使用模板标签将内容传递给它时，我的一个组件上就会出现这种奇怪的闪烁。

零件：

组件模板：

用法：

有谁知道这里发生了什么？不幸的是，找不到任何关于它的信息。

在某些情况下，我刚刚开始浏览此处找到的 Ahead-of-time 编译食谱，尽管我不相信我的错误与它直接相关：https ://angular.io/guide/aot-compiler

我正在使用 Visual Studio 2015 并将我的 Angular 2 项目更新到新发布的 2.4 并且一切都构建得很好。但是，我随后更改了我的 tsconfig.json 文件以添加"lib": [ "es2015", "dom" ]到我的 compilerOptions。该文件现在如下所示：

进行此更改后，我重新构建并收到以下构建错误：

构建：重复标识符“PropertyKey”。

我做了一些研究并决定"@types/core-js": "^0.9.34"从我的 package.json 文件中删除，这似乎已经解决了该错误，但我现在有以下新错误的几个实例：

构建：找不到名称“设置”

构建：找不到名称“承诺”

构建：找不到名称“地图”

这是我的完整 package.json 文件：

为了保持更新新版本，我几乎一直在此处复制示例 package.json 文件的依赖项部分：https ://angular.io/guide/quickstart

该链接适用于 JavaScript 版本，因为这是我能找到的唯一一个，但我实际上使用的是 TypeScript 2.1.4。正因为如此，我可能有这个文件的某些部分已经过时了。我只是不确定如何具体确定哪些部分。

有谁知道在使用 Angular CLI 和 AOT 编译时如何获得更详细的错误堆栈跟踪？使用 JIT 编译运行时，我的应用程序没有问题，但是当我运行时，ng build --aot我得到的只是：TypeError: Cannot read property "length" of undefined. 没有信息哪里是错误的来源。我想我的一个模板中有一些问题，但我不知道哪一个是问题所在。

我正在使用最新版本的 Angular CLI (1.0.0-beta.24) 和 Angular 2 (2.4.1)。

编辑

这是编译器在使用ng serve --aot命令时发出的完整消息：

从 Ionic rc3 升级到 rc4 后，我很难运行我的应用程序。

当我通过运行它来构建应用程序时，ionic-app-scripts build --prod它编译得很好，没有任何错误。

但是当我在我的 iPhone 上运行该应用程序时，我会在 Safari 控制台中看到一个空白屏幕和以下错误：

它似乎与 sourcemap 生成有关，所以我尝试将其关闭，但这没有帮助。ionic-app-scripts build --prod --generateSourceMap=false

然后我创建了一个空白应用程序，它工作得很好。所以我的应用程序似乎有问题。但是，我不知道必须从哪里开始调试此错误。我已经尝试调整出现错误的文件，但这也没有帮助（而且它也不是一个干净的解决方案）。

任何帮助表示赞赏。

编辑：我没有看到 ionic-app-scripts 中的重大变化。我不得不更改 tsconfig.json，现在我得到一个新错误：

Uncaught Error: Cannot find module "./app.module.ngfactory"

我正在将 Angular 1.5 应用程序升级到 Angular 2。

在我们的应用程序中，我们决定每个“功能”都应该有自己的 Angular 1 模块。

但是，有些用户并没有获得所有功能。我们在 Angular 引导之前通过标志来控制它。

所以我们会做这样的事情：

这些“deps”中的每一个都是其他 Angular 1 模块。

Angular 2 有这个机制吗？它可以与 AoT 一起使用吗？我知道延迟加载，但这只是在我认为的路线上？

谢谢！乔

我目前有一个 Angular@2.4.1 应用程序，它使用 webpack@2.1.0-beta.27 进行构建和开发工作。在这个设置中，我有两个启动页面 index.html 和 login.html，所以它们都有自己独立的 booststrap 和模块。这个设置工作得很好。

但是现在我正在尝试将 AOT 添加到组合中，但我无法同时使两者都起作用。

例如，如果 index.html 有效，那么 login.html 会给我错误“错误：选择器“my-app”不匹配任何元素”。同样，如果 login.html 有效，则 index.html 会给我错误“错误：选择器“my-login”不匹配任何元素”。

所以在我进一步挖掘之前，谁能告诉我这种情况（多条目）是否可以通过 AOT 实现？

我是 Angular 2.0 的新手

我从 git 下载项目。

运行项目的先决条件是这些步骤：

1) npm install && bower install

2) npm 运行安装应用程序

-AOT 编译 -Tree Shakes -将应用程序捆绑到单个文件中

2) npm 运行开始

我做了所有步骤，除了-AOT 编译。

当我运行npm install -AOT compiles时出现上述错误 ，请在此处输入图像描述

创建 AOT angular 2 示例时的编译问题

运行命令“npm run rollup -c rollup-config.js”

“无法解析条目（app/main-aot.ts）”