Forum Discussion

dakdgdl's avatar
dakdgdl
Helper I
3 years ago

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
 
 
Need Help

2 Replies

    • dakdgdl's avatar
      dakdgdl
      Helper I
      3 years ago

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