microsoft/powerbi-visuals-webpack-plugin

Need _DEBUG suffix on output.library when in development mode

Opened this issue · 2 comments

twastvedt commented

The example config in the Readme was not working for me until I appended _DEBUG to output.library (${pbivizFile.visual.guid}_DEBUG). I'm not sure if this is indicative of something else I'm doing wrong, but it looks like in development mode the customVisualHost script looks for the guid with a _DEBUG suffix and so doesn't find my visual code unless I make the above change.

shoaibmerchant commented

Spent 3 hours today trying to figure this out. Can the MS tools team please fix this.

  • 👍1
LasanthaKathriarachchi commented

Hi Guys..

I didn't find any place as you said below. Where I have to apply in the source code or config files.

I appended _DEBUG to output.library (${pbivizFile.visual.guid}_DEBUG).

I wanted to embed/render a Vue template inside a power bi custom visual.
I could prepare the "webpack.config.js" with loaders like "vue-loader", "ts-loader" and other relevant loaders.
Also used the below code lines inside the constructor of power bi custom visual.

const vueApp = createApp(VueApp);
vueApp.config.compilerOptions.isCustomElement = (tag: string) => tag === 'helloworld';
vueApp.mount(this.divMap);

No any error or warning displaying in debug console of browser.
But it doesn't render the content of my vue template "VueApp", into the custom visual.
Only message I see in the browser console is below.

[webpack-dev-server] Server started: Hot Module Replacement disabled, Live Reloading enabled, Progress disabled, Overlay enabled.

Can any one advise on how to make it rendering.

Thanks..