PowerBI custom visual developed using Vue + TS.

[LasanthaKathriarachchi]

Hi Guys...

I have developed a simple PowerBI custom visual.
I made it using Vue + TS.
It has only one simple Vue template to display the text "Hello World".
I included the required "webpack.config.js" file also withing the project root. And it included with required loaders and plugins for Vue and TypeScripts.
Then I packaged it to PBIVIZ file using the command "npm dev start".
Then I imported the PBIVIZ file into PowerBI online and could successfully add into a PowerBI page. It works.
But then when I tried to import the same PBIVIZ file into PowerBI desktop version, it shows the error message "This PBIVIZ file is invalid file format".

Then I developed another simple custom custom visual having only the text display "Hello World", using only Angular + TS.
I packaged it using "pbiviz package" command.
It successfully imported to both PowerBI online and desktop versions. Also could add into page/report successfully.

As I understood, since Vue+TS visual is packaged using the configuration of "webpack.config.js" file. And that config file is by its name implies, for web/online, it doesn't support for powerbi desktop version.

Do we have another workaround to make a Vue+TS custom visual to import to and work in PowerBI desktop version too.

Thanks in advanced.
Lasantha