Код позади моего пользовательского компонента не работает

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

Снимки экрана для справки:

С веб-пакетом (пример проекта. [Обновление] Имя компонента отличается, ноимпортируется правильно):

без веб-пакета:

Answer 1

Дело в том, что конфигурация веб-пакета по умолчанию (из nativescript-webpack здесь ) будет связывать только страницы, имена которых заканчиваются на -page или -root.Все другие пользовательские именованные страницы и ресурсы должны быть явно включены в ваш webpack.config.js в массиве CopyWebpackPlugin.

Так что в качестве решения переименуйте ваше пользовательское имя компонента в конец -name Постфикс и сделайте чистую перестройку.Например, в вашем случае измените имя файла на profile-icon-page (и используйте правильный импорт)

Или добавьте пользовательские ресурсы, как показано ниже в webpack.config.js file

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