那些遇到过的问题

模态控制器不会生成带有“加载块 N 失败”的模态

iwi*_*not 5 webpack angular ionic4

设置

我有一个名为的组件InputAutocomplete，当单击它时，使用ModalController来打开一个模态。该模型使用自定义组件PageAutocompleteComponent作为其模板。

问题

我的问题是，当我单击InputAutocomplete按钮时，有时会显示模态，有时则不会。

我一直很犹豫要不要在 Stack Overflow 寻求帮助，因为我很难解释问题是什么（因为我也很难可靠地复制问题）。

此外，当发生此错误时，我的模拟器不再随代码更改而刷新。使用打开警报AlertController也不再有效。

离子信息

Ionic:

   Ionic CLI                     : 5.4.15 (F:\Program Files\nodejs\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.11.5
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0, browser 5.0.4
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 20 other plugins)

Utility:

   cordova-res (update available: 0.9.0) : 0.8.1
   native-run (update available: 0.3.0)  : 0.2.9

System:

   Android SDK Tools : 26.1.1 (D:\Users\Darren\AppData\Local\Android\Sdk)
   NodeJS            : v10.16.3 (C:\nProgram Files\nodejs\node.exe)
   npm               : 6.10.3
   OS                : Windows 10
Run Code Online (Sandbox Code Playgroud)

错误

错误信息

我收到的错误消息遵循以下模式：

  1. Loading chunk 40 failed.
  2. Unhandled Promise rejection: Cannot read property 'isProxied' of undefined ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Cannot read property 'isProxied' of undefined

这些看起来像是 angular 或 webpack 中非常严重的错误，这让我很难尝试修复。我什至不知道从哪里开始。

错误日志

Chrome Dev Tools 上的错误日志显示如下：

input-autocomplete: Getting top modal...
consolelogs.js:49 input-autocomplete: Generating a new modal...
consolelogs.js:49 input-autocomplete: Getting top modal...
consolelogs.js:49 input-autocomplete: Generating a new modal...
consolelogs.js:49 input-autocomplete: Getting top modal...
consolelogs.js:49 input-autocomplete: Generating a new modal...
consolelogs.js:49 input-autocomplete: Getting top modal...
consolelogs.js:49 input-autocomplete: Generating a new modal...
consolelogs.js:49 input-autocomplete: Getting top modal...
consolelogs.js:49 input-autocomplete: Generating a new modal...
5consolelogs.js:49 Error: Loading chunk 40 failed.
(timeout: http://localhost:8100/40.js)
    at requireEnsure (bootstrap:126)
    at Array.map (<anonymous>)
    at webpackAsyncContext (.*\.entry\.js$ include: \.entry\.js$ exclude: \.system\.entry\.js$ namespace object:393)
    at loadModule (core-ca0488fc.js:75)
    at initializeComponent (core-ca0488fc.js:1710)
    at nextTick (core-ca0488fc.js:1851)
    at ZoneDelegate.invoke (zone-evergreen.js:359)
    at Zone.run (zone-evergreen.js:124)
    at zone.scheduleMicroTask (zone-evergreen.js:855)
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
(anonymous) @ consolelogs.js:49
consoleError @ core-ca0488fc.js:63
invoke @ zone-evergreen.js:359
run @ zone-evergreen.js:124
zone.scheduleMicroTask @ zone-evergreen.js:855
invokeTask @ zone-evergreen.js:391
runTask @ zone-evergreen.js:168
drainMicroTaskQueue @ zone-evergreen.js:559
invokeTask @ zone-evergreen.js:469
ZoneTask.invoke @ zone-evergreen.js:454
timer @ zone-evergreen.js:2650
setTimeout (async)
scheduleTask @ zone-evergreen.js:2671
scheduleTask @ zone-evergreen.js:378
scheduleTask @ zone-evergreen.js:211
scheduleMacroTask @ zone-evergreen.js:234
scheduleMacroTaskWithCurrentZone @ zone-evergreen.js:1107
(anonymous) @ zone-evergreen.js:2686
proto.(anonymous function) @ zone-evergreen.js:1428
requireEnsure @ bootstrap:145
webpackAsyncContext @ .*\.entry\.js$ include: \.entry\.js$ exclude: \.system\.entry\.js$ namespace object:393
loadModule @ core-ca0488fc.js:75
initializeComponent @ core-ca0488fc.js:1710
nextTick @ core-ca0488fc.js:1851
invoke @ zone-evergreen.js:359
run @ zone-evergreen.js:124
zone.scheduleMicroTask @ zone-evergreen.js:855
invokeTask @ zone-evergreen.js:391
runTask @ zone-evergreen.js:168
drainMicroTaskQueue @ zone-evergreen.js:559
Promise.then (async)
scheduleMicroTask @ zone-evergreen.js:542
scheduleTask @ zone-evergreen.js:381
scheduleTask @ zone-evergreen.js:211
scheduleMicroTask @ zone-evergreen.js:231
scheduleResolveOrReject @ zone-evergreen.js:845
then @ zone-evergreen.js:955
nextTick @ core-ca0488fc.js:156
(anonymous) @ core-ca0488fc.js:95
then @ core-ca0488fc.js:1219
then @ core-ca0488fc.js:1341
scheduleUpdate @ core-ca0488fc.js:1219
setValue @ core-ca0488fc.js:1378
set @ core-ca0488fc.js:1403
(anonymous) @ fesm5.js:1453
invoke @ zone-evergreen.js:359
run @ zone-evergreen.js:124
runOutsideAngular @ core.js:34127
set @ fesm5.js:1450
updateProp @ core.js:28067
checkAndUpdateDirectiveInline @ core.js:27753
checkAndUpdateNodeInline @ core.js:38472
checkAndUpdateNode @ core.js:38411
debugCheckAndUpdateNode @ core.js:39433
debugCheckDirectivesFn @ core.js:39376
(anonymous) @ SelectTextComponent.html:21
debugUpdateDirectives @ core.js:39364
checkAndUpdateView @ core.js:38376
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callViewAction @ core.js:38742
execEmbeddedViewsAction @ core.js:38699
checkAndUpdateView @ core.js:38377
callViewAction @ core.js:38742
execComponentViewsAction @ core.js:38670
checkAndUpdateView @ core.js:38383
callWithDebugContext @ core.js:39716
debugCheckAndUpdateView @ core.js:39299
detectChanges @ core.js:27092
tick @ core.js:35380
_zone.run @ core.js:35228
invoke @ zone-evergreen.js:359
onInvoke @ core.js:34201
invoke @ zone-evergreen.js:358
run @ zone-evergreen.js:124
run @ core.js:34066
next @ core.js:35225
schedulerFn.__isAsync @ core.js:31051
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
(anonymous) @ spy-core.js:478
notify_ @ spy-core.js:443
next @ spy-core.js:478
next @ spy-core.js:526
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:31013
checkStable @ core.js:34144
onHasTask @ core.js:34221
hasTask @ zone-evergreen.js:411
_updateTaskCount @ zone-evergreen.js:431
_updateTaskCount @ zone-evergreen.js:264
runTask @ zone-evergreen.js:185
drainMicroTaskQueue @ zone-evergreen.js:559
Promise.then (async)
scheduleMicroTask @ zone-evergreen.js:542
scheduleTask @ zone-evergreen.js:381
onScheduleTask @ zone-evergreen.js:272
scheduleTask @ zone-evergreen.js:372
scheduleTask @ zone-evergreen.js:211
scheduleMicroTask @ zone-evergreen.js:231
scheduleResolveOrReject @ zone-evergreen.js:845
resolvePromise @ zone-evergreen.js:791
(anonymous) @ zone-evergreen.js:707
Promise.then (async)
ZoneAwarePromise @ zone-evergreen.js:1033
ZoneAwarePromise @ zone-evergreen.js:876
Ctor.then @ zone-evergreen.js:1032
resolvePromise @ zone-evergreen.js:758
(anonymous) @ zone-evergreen.js:707
(anonymous) @ tslib.es6.js:72
ZoneAwarePromise @ zone-evergreen.js:876
step @ tslib.es6.js:72
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone-evergreen.js:876
__awaiter @ tslib.es6.js:69
presentModal @ input-autocomplete.ts:59
(anonymous) @ InputAutocomplete.html:2
handleEvent @ core.js:38098
callWithDebugContext @ core.js:39716
debugHandleEvent @ core.js:39352
dispatchEvent @ core.js:25818
(anonymous) @ core.js:27715
schedulerFn.__isAsync @ core.js:31094
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
(anonymous) @ spy-core.js:478
notify_ @ spy-core.js:443
next @ spy-core.js:478
next @ spy-core.js:526
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:31013
subscription.clicks.pipe.subscribe.e @ DebounceClickDirective.ts:27
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
(anonymous) @ spy-core.js:478
notify_ @ spy-core.js:443
next @ spy-core.js:478
next @ spy-core.js:526
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
debouncedNext @ debounceTime.js:40
dispatchNext @ debounceTime.js:53
_execute @ AsyncAction.js:51
execute @ AsyncAction.js:39
flush @ AsyncScheduler.js:33
invokeTask @ zone-evergreen.js:391
onInvokeTask @ core.js:34182
invokeTask @ zone-evergreen.js:390
runTask @ zone-evergreen.js:168
invokeTask @ zone-evergreen.js:465
ZoneTask.invoke @ zone-evergreen.js:454
timer @ zone-evergreen.js:2650
setInterval (async)
scheduleTask @ zone-evergreen.js:2671
scheduleTask @ zone-evergreen.js:378
onScheduleTask @ zone-evergreen.js:272
scheduleTask @ zone-evergreen.js:372
scheduleTask @ zone-evergreen.js:211
scheduleMacroTask @ zone-evergreen.js:234
scheduleMacroTaskWithCurrentZone @ zone-evergreen.js:1107
(anonymous) @ zone-evergreen.js:2686
proto.(anonymous function) @ zone-evergreen.js:1428
requestAsyncId @ AsyncAction.js:25
schedule @ AsyncAction.js:21
schedule @ Scheduler.js:7
schedule @ AsyncScheduler.js:21
_next @ debounceTime.js:28
next @ Subscriber.js:49
(anonymous) @ spy-core.js:478
notify_ @ spy-core.js:443
next @ spy-core.js:478
next @ spy-core.js:526
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
clickEvent @ DebounceClickDirective.ts:38
(anonymous) @ InputAutocomplete.html:2
handleEvent @ core.js:38098
callWithDebugContext @ core.js:39716
debugHandleEvent @ core.js:39352
dispatchEvent @ core.js:25818
(anonymous) @ core.js:37030
(anonymous) @ platform-browser.js:1789
invokeTask @ zone-evergreen.js:391
onInvokeTask @ core.js:34182
invokeTask @ zone-evergreen.js:390
runTask @ zone-evergreen.js:168
invokeTask @ zone-evergreen.js:465
invokeTask @ zone-evergreen.js:1603
globalZoneAwareCallback @ zone-evergreen.js:1629
5consolelogs.js:49 Unhandled Promise rejection: Cannot read property 'isProxied' of undefined ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Cannot read property 'isProxied' of undefined
    at initializeComponent (core-ca0488fc.js:1715) TypeError: Cannot read property 'isProxied' of undefined
    at initializeComponent (http://localhost:8100/vendor.js:107818:24)
Run Code Online (Sandbox Code Playgroud)

加载块失败 - 无法读取未定义的 isProxed

onClick 功能

这是点击功能的样子：

Ionic:

   Ionic CLI                     : 5.4.15 (F:\Program Files\nodejs\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.11.5
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0, browser 5.0.4
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 20 other plugins)

Utility:

   cordova-res (update available: 0.9.0) : 0.8.1
   native-run (update available: 0.3.0)  : 0.2.9

System:

   Android SDK Tools : 26.1.1 (D:\Users\Darren\AppData\Local\Android\Sdk)
   NodeJS            : v10.16.3 (C:\nProgram Files\nodejs\node.exe)
   npm               : 6.10.3
   OS                : Windows 10
Run Code Online (Sandbox Code Playgroud)

这就是在 HTML 上调用它的方式，具有去抖动点击功能：

<div appDebounceClick [debounceTime]="200" (debounceClick)=presentModal()>
   ...
</div>
Run Code Online (Sandbox Code Playgroud)

假设

以下是我对发生此错误的原因的潜在猜测：

  1. 它可能与 Webpack 相关，因为它在谈论加载块。它可能与热模块重新加载有关吗？就像 Web 服务器可能认为我在 IDE 上应用了一些更改并试图重新加载数据一样？我高度认为它与 webpack 或其他东西有关，因为我的代码更改不再重新加载模拟器。

  2. 它可能与 相关ModalController，因为没有生成模态或它没有出现。我不知道。

请帮忙，谢谢！

归档时间：

查看次数：

386 次

最近记录：

5 年，9 月 前
角度点击去抖动 7
更多相关链接
相关归档
如何在Angular 2中启用生产模式 169
webpack导入firebase无法正常工作 12
Angular 6 ag-grid单元格渲染器单击功能 12
如何实现 MAT_DIALOG_DEFAULT_OPTIONS？ 12
Angular 5 HttpClient:将POST参数作为URL编码字符串发送 11
角度组件进入传单弹出窗口 8
在angular 2材质中设置datepicker的默认日期 7
Webpack 不支持 Typescript 别名 7
Webpack:ES6语法使模块构建失败:SyntaxError:意外的令牌 2
类型“ SQLiteOriginal”不能分配给类型“ Provider” 1
难疑归档
提高SQLite的每秒INSERT性能？ 2880
将具有默认值的列添加到SQL Server中的现有表 2648
如何用Vim中的换行符替换字符？ 1870
如何检查字符串是否为数字(浮点数)？ 1519
如何确定Python变量的类型？ 1437
选择每个GROUP BY组中的第一行？ 1205
wait()和sleep()之间的区别 1158
在HTML中嵌入PDF的推荐方法？ 1128
如何进行HTTP POST Web请求 1033
测量Python中经过的时间？ 1031