Angular 应用程序编译成功但未加载到浏览器中,也在控制台中抛出了很多未知错误



我将我的Angular应用程序从Angular 6升级到Angular 14,经过大量工作,我终于解决了所有错误,应用程序成功编译。但现在,当我打开本地服务器查看它时,它不会在屏幕上显示任何内容——只有一个小div和我的一些组件。

控制台中有很多与web套接字相关的错误。

WebSocket connection to 'ws://lms.localhost/ng-cli-ws' failed: 
[webpack-dev-server] Disconnected!
[webpack-dev-server] Trying to reconnect...

在此之后,大多数错误都来自main.js和polyfill.js

main.js:1 TypeError: Cannot read properties of undefined (reading 'show')
at template (main.js:1:2358105)
at Eg (main.js:1:4163057)
at pd (main.js:1:4161822)
at lb (main.js:1:4168843)
at K1 (main.js:1:4162698)
at pd (main.js:1:4162709)
at Uu (main.js:1:4169505)
at Q1.detectChanges (main.js:1:4172019)
at c.tick (main.js:1:4231256)
at c._loadComponent (main.js:1:4231564)

大多数错误都与此类似,查看main.js和polyfill.js文件时,我没有发现任何有用的东西——感觉它充满了胡言乱语。

我发现,当一些组件启动时,会调用它们的构造函数,但不会调用它们的ngOnInit((方法。

至少有人能帮我找出错误的来源吗。这是我得到的浏览器和控制台屏幕的输出

编辑:-这个问题是由于Bootstrap,在Bootstrap 4到5中有很多突破性的变化,所以我们恢复了Bootstrap的版本,并使用它的指南单独迁移Bootstrap。

确保按照Angular Documentation升级包检查这个链接点击这里

相关内容

  • 没有找到相关文章

最新更新