android - 我的自定义组件的代码隐藏未运行

Question

将应用程序与 WebPack bundle 时，我的自定义组件的代码隐藏未被执行(tns run ios --bundle --env.snapshot --env.aot)。我按照官方文档进行操作，但无法正常工作。

有人能帮帮我吗？

1示例项目:https://github.com/felipebueno/my-app

2自定义组件文档:https://docs.nativescript.org/ui/basics#xml-based-custom-component-with-a-code-file

引用截图:

使用 webpack(示例项目。[更新] 组件的名称不同但已正确导入):

没有网络包:

Answer 1

问题是，默认的 webpack 配置(来自 nativescript-webpack here )将仅 bundle 命名以 -page 或 -root 结尾的页面。所有其他自定义命名页面和资源都应显式包含在 CopyWebpackPlugin 数组中的 webpack.config.js 中。

因此，作为解决方案，重命名您的自定义组件名称，以 -name 后缀结尾，并进行干净的重建。例如，在您的情况下，将文件名更改为 profile-icon-page (并使用正确的导入)

或者在 webpack.config.js 文件中添加自定义资源，如下所示

new CopyWebpackPlugin([
    { from: "shared/components/**" }, // HERE
    { from: "fonts/**" },
    { from: "**/*.jpg" },
    { from: "**/*.png" },
]