Vue.JS modules import into custom visual

[dakdgdl]

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. 

or

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

Thanks,

Lasantha

[v-zhangti]

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.

[dakdgdl]

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..