从Angular 5升级到Angular 6后:当前文档没有doctype

Question

从Angular 5升级到Angular 6后:当前文档没有doctype

Dav*_*uck 5 npm typescript angular-material angular angular6

我刚刚将Angular 5项目升级到Angular 6.升级后它编译得很好,但网站显示空白.在控制台中,我得到:

当前文档没有doctype.这可能会导致某些Angular Material组件无法按预期运行.push ../ node_modules/@angular/material/esm5/core.es5.js.MatCommonModule._checkDoctypeIsDefined @core.es5.js:122 MatCommonModule @ core.es5.js:92 _createClass @core.js:8116 createProviderInstance $ 1 @ core .js:8088 initNgModule @ core.js:8024 NgModuleRef @ core.js:8747 createNgModuleRef @ core.js:8736 debugCreateNgModuleRef @ core.js:10561 push ../ node_modules/@angular/core/fesm5/core.js.NgModuleFactory_ .create @ core.js:11263(匿名)@ core.js:4161 push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388 onInvoke @ core.js:3671 push ../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:387 push ../ node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138 push ../node_modules/@angular/core/fesm5/core.js.NgZone.run @core.js:3585 push ../ node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModuleFactory @ core.js: 4159(匿名)@ core.js:4200 push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388 push ../ node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138(匿名)@ zone.js:872 push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421 push .. /node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188 drainMicroTaskQueue @ zone.js:595 Promise.then(async)
scheduleMicroTask @ zone.js:578 push ../ node_modules/zone. js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410 push ../ node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232 push ../ node_modules/zone. js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:252 scheduleResolveOrReject @ zone.js:862 ZoneAwarePromise.then @ zone.js:962 push ../ node_modules/@angular/core/fesm5/core.js. PlatformRef.bootstrapModule @ core.js:4200 ./src/main.ts @main.ts:12 webpack_require @ bootstrap:76 0 @ main.ts:13 webpack_require @ bootstrap:76 checkDeferredModules @ bootstrap:43 webpackJsonpCallback @ bootstrap:30(匿名)

TypeError:无法在新MatCommonModule(核心版)的MatCommonModule.push ../ node_modules/@angular/material/esm5/core.es5.js.MatCommonModule._checkThemeIsPresent(core.es5.js:141)中读取null的属性'appendChild'. es5.js:93)在_createClass(core.js:8116)的createProviderInstance $ 1(core.js:8088)at initNgModule(core.js:8024)at new NgModuleRef(core.js:8747)at createNgModuleRef(core.js) :8736)在NgModuleFactory_.push ../ node_modules/@angular/core/fesm5/core.js.NgModuleFactory_.create(core.js:11263)的核心处的Object.debugCreateNgModuleRef [as createNgModuleRef](core.js:10561) .js文件:4161

这是错误的@angular/material,还是在项目中没有正确升级？

如果我可以添加任何内容来帮助诊断,请告诉我.

Answer 1

veb*_*ben 7

如果要删除此警告，只需在常规文件的顶部添加一个Doctypeindex.html，如下所示：

<!doctype html>
<html lang="en">
<head>
  ...
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	7 年，4 月前
查看次数：	1737 次
最近记录：	6 年，8 月前