dist文件中的错误Angular 2

时间:2017-08-22 21:10:14

标签: javascript angular typescript webpack

大家好,在stackoverflow,我试图发布我的Angular 2应用程序,但我遇到了dist文件的问题。我首先要做的是:

  • 清除node_modules目录并移除package-lock.json
  • 运行npm install然后npm update命令
  • 之后我运行ng build --prod,一切都很好。

所以,我检查dist文件夹并将其复制到我的服务器,当我尝试访问它时显示错误:

  

未捕获的TypeError:无法读取属性'创建'未定义的       在vendor.7bb6292ce7eeab342f9a.bundle.js:1       在e.invoke(polyfills.0963b44a58b5526cfab7.bundle.js:1)       at Object.onInvoke(vendor.7bb6292ce7eeab342f9a.bundle.js:1)       在e.invoke(polyfills.0963b44a58b5526cfab7.bundle.js:1)       在r.run(polyfills.0963b44a58b5526cfab7.bundle.js:1)       at t.run(vendor.7bb6292ce7eeab342f9a.bundle.js:1)       在e._bootstrapModuleFactoryWithZone(vendor.7bb6292ce7eeab342f9a.bundle.js:1)       在e.bootstrapModuleFactory(vendor.7bb6292ce7eeab342f9a.bundle.js:1)       在Object.cDNt(main.e10f9a0cb71451c87757.bundle.js:1)       at n(inline.d31757e5f12d693ae92a.bundle.js:1)

我知道这是一个与图书馆相关的问题,因为minify没有按预期工作,但我不知道哪个库正在执行此操作,因为ng serve工作正常并且没有显示任何错误。

我不知道是否有某种方法可以调试哪个库正在执行此错误或来自何处。

这是我执行ng build --prod命令时得到的结果。此外,我已经包含了enableProdMode();功能。

capture

更新

谢谢大家,问题在于我的app.module.ts我有platformBrowserDynamic().bootstrapModule(AppModule);,这是一个错误,因为更新版本现在在main.ts而不在{{1}所以我有这个重复,现在一切正常。谢谢!

1 个答案:

答案 0 :(得分:3)

您是否在此处看到了此错误的问题:https://github.com/angular/angular-cli/issues/5181它表明main.ts中的platformBrowserDynamic设置可能存在问题,特别是如果此应用程序是使用较旧/不同版本的Angular启动的,或者CLI。

我的主要内容如下:

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);