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

Question

将应用程序与WebPack（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（示例项目。[更新]组件的名称不同，但是已正确导入）：

没有webpack：

Answer 1

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

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

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

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