Question

我正在将项目升级到{N} 6.0，并且遇到了我遇到的错误。每当我的应用显示地图页面时，都会出现系统错误：

System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onClick failed
System.err: Error: Failed to load component from module: ./views/map-page/
System.err: 
System.err: StackTrace:
System.err:     Frame: function:'loadInternal', file:'file:///node_modules/tns-core-modules/ui/builder/builder.js:82:0
System.err:     Frame: function:'', file:'file:///node_modules/tns-core-modules/ui/builder/builder.js:62:0
System.err:     Frame: function:'push.../node_modules/tns-core-modules/ui/frame/frame-common.js.FrameBase.navigate', file:'file:///node_modules/tns-core-modules/ui/frame/frame-common.js:129:0

因此，在应用导航到地图页面时会发生此错误，但该页面的.js文件永远不会受到控制。我认为问题可能是google-maps-sdk使用名称空间定义

<Page 
  xmlns="http://schemas.nativescript.org/tns.xsd" 
  xmlns:maps="nativescript-google-maps-sdk" 
  navigatingTo="onNavigatingTo" navigatingFrom="onNavigatingFrom" loaded="onLoaded" class="page”>

但是我还有其他带有名称空间的页面（sidedrawer），它们工作正常。我已经阅读了{N} 6.0迁移文档，但找不到任何匹配的内容。在这一点上，我已经没有足够的想法去追求了。

Answer 1

哇，这很微妙……在进一步调试并与有效的代码进行比较之后，这是错误的代码：

<picture>
   <source srcset="imgs/img_480w.webp" media="(max-width:480px)" type="image/webp">
   <source srcset="img/img_280w.webp" media="(max-width:280px)" type="image/webp">
  <source srcset="imgs/imgs.jpg" type="image/jpeg">
  <!-- always defaults to here --> <img src="grid_img/LoW_grid.jpg" alt="Image" class="tm-img">

问题在于moduleName上的斜杠。删除该标签后，地图页面将按预期运行，就像在{N} 3、4和5中一样。

哦，至少可以了！

{N} 6.0迁移：错误：无法从模块加载组件：

1 个答案: