nklayman / vue-cli-plugin-electron-builder

Easily Build Your Vue.js App For Desktop With Electron
https://nklayman.github.io/vue-cli-plugin-electron-builder/
MIT License
4.12k stars 280 forks source link

PowerBI custom visual developed using Vue + TS. #1922

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