Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
dakdgdl
Frequent Visitor

Vue.JS modules import into custom visual

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
 
 
2 REPLIES 2
v-zhangti
Community Support
Community Support

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.

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

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

Find out what's new and trending in the Fabric Community.

Top Solution Authors
Top Kudoed Authors