Javascript dist文件中出现错误。2
stackoverflow的各位好,我正试图发布Angular 2应用程序,但我在Javascript dist文件中出现错误。2,javascript,angular,typescript,webpack,Javascript,Angular,Typescript,Webpack,stackoverflow的各位好,我正试图发布Angular 2应用程序,但我在dist文件方面遇到了问题。首先我要做的是: 清理节点\u模块目录并移除包锁.json 运行npm安装,然后运行npm更新命令 之后,我运行了ng build--prod,一切正常 因此,我检查dist文件夹并将其复制到我的服务器,当我尝试访问它时,会显示一个错误: 未捕获的TypeError:无法读取未定义的属性“create” 供应商:7bb6292ce7eeab342f9a.bundle.js:1 在e.
dist
文件方面遇到了问题。首先我要做的是:
- 清理
目录并移除节点\u模块
包锁.json
- 运行
,然后运行npm安装
命令npm更新
- 之后,我运行了
,一切正常ng build--prod
dist
文件夹并将其复制到我的服务器,当我尝试访问它时,会显示一个错误:
未捕获的TypeError:无法读取未定义的属性“create”
供应商:7bb6292ce7eeab342f9a.bundle.js:1
在e.invoke(polyfills.0963b44a58b5526cfab7.bundle.js:1)
在Object.onInvoke(vendor.7bb6292ce7eeab342f9a.bundle.js:1)
在e.invoke(polyfills.0963b44a58b5526cfab7.bundle.js:1)
r.运行时(polyfills.0963b44a58b5526cfab7.bundle.js:1)
运行时(供应商7bb6292ce7eeab342f9a.bundle.js:1)
在e.(U bootstrapModuleFactoryWithZone)(供应商7bb6292ce7eeab342f9a.bundle.js:1)
在e.bootstrapModuleFactory(供应商7bb6292ce7eeab342f9a.bundle.js:1)
位于Object.cDNt(main.e10f9a0cb71451c87757.bundle.js:1)
at n(inline.d31757e5f12d693ae92a.bundle.js:1)
我知道这是一个与库相关的问题,因为minify没有按预期工作,但我不知道哪个库正在这样做,因为ng serve
工作正常,没有显示错误
我不知道是否有某种方法可以调试哪个库正在执行此错误,或者它来自何处
这就是我在执行ngbuild--prod
命令时得到的结果。我还包括了enableProdMode()代码>功能已经存在
更新
谢谢大家,问题是在我的app.module.ts
中有platformBrowserDynamic().bootstrapModule(AppModule)
这是一个错误,因为在更新版本中,现在位于main.ts
中,而不是app.module.ts
中,所以我复制了这个,现在一切正常。谢谢 您是否在此处看到了此错误的问题:它表明main.ts中的platformBrowserDynamic设置可能有问题,特别是如果此应用程序是使用较旧/不同版本的Angular或CLI启动的
我的main.ts如下所示:
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);
您是否在此处看到了此错误的问题:这表明main.ts中的platformBrowserDynamic设置可能有问题,特别是如果此应用程序是使用较旧/不同版本的Angular或CLI启动的
我的main.ts如下所示:
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);
尝试使用AOT构建项目:ng build--prod--AOT
。也许这将有助于识别错误来自哪个文件?已经用--aot
尝试过了,但是没有成功,我得到了相同的错误。所以我不知道它是从哪里来的仅供参考。。--prod已经执行了aot。请看下面的图表:@DeborahK没有意识到这是默认设置。上次我检查文档时,我不相信它是默认的。很高兴知道!那张图表放在手边很方便!:-)尝试使用AOT构建项目:ng build--prod--AOT
。也许这将有助于识别错误来自哪个文件?已经用--aot
尝试过了,但是没有成功,我得到了相同的错误。所以我不知道它是从哪里来的仅供参考。。--prod已经执行了aot。请看下面的图表:@DeborahK没有意识到这是默认设置。上次我检查文档时,我不相信它是默认的。很高兴知道!那张图表放在手边很方便!:-)