topic Re: Vue.JS modules import into custom visual in Custom Visuals Development Discussion

Vue.JS modules import into custom visual

dakdgdl — Tue, 18 Oct 2022 09:39:16 GMT

Hi ..

I need to import a Vue.JS module and a scss style file in-to the visual.ts of custom visual, using below 2 ways.

import App from './App.vue';

import "./styles/general.scss";

But it raise below errors when I build and run it using "pbiviz start" command.

------------------------

ERROR in ./src/App.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

-------------------------

-----------------------

ERROR in ./src/styles/general.scss 1:0
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

--------------------------------

Please let me know how can I get fixed it.

Doesn't custom visuals support to Vue.JS modules and scss files?

Thanks,

Lasantha

Re: Vue.JS modules import into custom visual

v-zhangti — Wed, 19 Oct 2022 02:55:03 GMT

Hi, @dakdgdl

Power BI visuals are packaged as .pbiviz files that can be stored on your computer. Custom visuals support .pbiviz files.

Import Power BI visuals from AppSource or from a file - Power BI | Microsoft Learn

Best Regards,

Community Support Team _Charlotte

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Re: Vue.JS modules import into custom visual

dakdgdl — Wed, 19 Oct 2022 04:23:48 GMT

Hi v-zhangti

Thanks for response.

I have already developed some power bi custom visuals, and published them as pbiviz files. All those work well.

Also some times back I have followed, the page you have mentioned.

My question is not that.

Question is when, I included Vue modules and scss files in a custome visual, and when they are imported in the visual.ts file, it raises those 2 errors.

Please let me know, do custom visuals support for vue.js and scss?

Thanks..