dobromir-hristov / vuecommunity

Vue.js community and ecosystem guide, written and maintained by the community itself
https://vue-community.org
167 stars 81 forks source link

PowerBI custom visual developed using Vue + TS. #220

Open LasanthaKathriarachchi opened 1 year ago

LasanthaKathriarachchi commented 1 year ago

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