首页 > 解决方案 > 文件名有任何命名约定吗?

问题描述

我是 nativescript 的新手,并试图打开一个模式。如果我使用像“connect-modal-page”这样的文件名,一切正常。

但是,如果我只使用“连接”,我会收到消息:JS 错误错误:NativeScript 遇到致命错误:错误:无法从模块加载组件:./views/modals/connect.xml

所以我想有一些类似命名约定的东西。但是哪个?文档说没有任何真正的约定。

我错过了什么?

此文件名有效:connect-modal-page.xml

这些文件名不起作用:connect-modal.xml connect.xml

标签: nativescript

解决方案


您正在使用 NativeScript 并与 Webpack 捆绑(对于即将发布的版本,这将是默认工作流程)。问题是 Webpack 需要“知道”任何需要捆绑的资源。

因此,为了通过设计解决此问题,NativeScript 团队提供了一种模式,该模式将自动捆绑所有以-pageor结尾的页面-root。您希望成为捆绑包一部分的任何其他资源都应明确包含在webpack.config.js文件中(在该CopyWebpackPlugin部分中)。因此,对于 NativeScript 5.xx,您将需要重命名所有文件以结束-page或在 webpack 配置中显式添加它们。请注意,我说的是 NativeScript Core(纯 JavaScript 或 TypeScript)而不是 NativeScript Angular 的项目。

NativeScript 6(预计 2019 年 7 月中旬即将发布)开始,这将不再需要,所有 *.xml 和 *.ts 资源(谈论 NativeScript Core)将默认捆绑。


推荐阅读