我将我的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升级包检查这个链接点击这里