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
gmmanfredi
Regular Visitor

Pbiviz start @ powerbi-visuals-tools@2.5.0

Hi

I am following this tutorial to create a custo visual https://github.com/xiaodongliang/forgeviewer_embed_in_powerbi_report
I recently came across an issue that's preventing me to complete the project.

First of all i completed once, but instead of installing powerbi-visuals-tools@2.5.0 i installed "npm i -g powerbi-visuals-tools", and that led me to a visual that didn't show the forge viewer. So i restarted the process from the beginning.

(here The author says the 2.5.0 is the only version that works https://forge.autodesk.com/blog/embed-forge-viewer-inside-power-bi-report)

When i installed powerbi-visuals-tools@2.5.0 i had to change my Node.js version from 14.17.6 to 10.8 because the first was not compatible.

What i did next was creating the enviroment following the microsoft tutorial 
npm i d3@^5.0.0 --save
npm i @types/d3@^5.0.0 --save
npm i core-js@3.2.1 --save
npm i powerbi-visuals-api --save-dev (then tried even npm i powerbi-visuals-api@2.5.0)

Then , finally, i came across this issue when running "pbiviz start" in C:\Users\Gian Marco Manfredi\circlecard>

 

--- note: the issue is different depending on the Node.js i use:

---- version 14.17

info Building visual...
error LESS style/visual.less : The "data" argument must be of type string or an instance of Buffer, TypedArray, or DataView. Received undefined

the visual.less is

p {
    font-size: 20px;
    font-weight: bold;
    em {
        background: yellow;
        padding: 5px;
        
    }
}

and the pbiviz.json is

{
  "visual": {
    "name": "circleCard",
    "displayName": "CircleCard",
    "guid": "circleCardA2677EDA579643169880D5D3DF0E2A32",
    "visualClassName": "Visual",
    "version": "1.0.0",
    "description": "",
    "supportUrl": "",
    "gitHubUrl": ""
  },
  "apiVersion": "2.5.0",
  "author": {
    "name": "",
    "email": ""
  },
  "assets": {
    "icon": "assets/icon.png"
  },
  "externalJS": [
    "node_modules/powerbi-visuals-utils-dataviewutils/lib/index.js"
  ],
  "style": "style/visual.less",
  "capabilities": "capabilities.json",
  "dependencies": "dependencies.json",
  "stringResources": []
}

---- version 10.3

 

ERROR1.pngERROR2.png

I was wondering if the versions of d3@^5.0.0 @types/d3@^5.0.0 core-js@3.2.1 npm i powerbi-visuals-api
were the ringht ones and if not which are the correct ones to use.

Any other suggestion wuold be useful and really appreciated.

Thank you in advantage

Gian Marco

1 ACCEPTED SOLUTION

solved!

installed typescript @2.3.3 , type/d3@5.7.2 and deleted d3 library

View solution in original post

3 REPLIES 3
v-shex-msft
Community Support
Community Support

Hi @gmmanfredi,

I do not so recommend you to change the prerequisite package version, they may cause compatibility/conflict issues between these different versions.

You can update them to the latest stable and compatibility versions then deploy this project to test and manually fix the issues of package function usages from the different versions.

Regards,

Xiaoxin Sheng

Community Support Team _ Xiaoxin
If this post helps, please consider accept as solution to help other members find it more quickly.

Hi! thank you for answering me!

I've already tried installing the packages at the latest version but didn't work , since the project is built for pbi visual tools 2.5.0. Even upgrading pbiviz@latest the visual remains blank with the error shown here https://community.powerbi.com/t5/Desktop/Power-BI-version-doesn-t-support-custom-visual-sampleBarCha... .

As the project author suggests the visual works specifically at the pbiviz 2.5.0 version here https://github.com/xiaodongliang/forgeviewer_embed_in_powerbi_report 

and here  https://forge.autodesk.com/blog/embed-forge-viewer-inside-power-bi-report 

My fear is that i have to change something right in the prerequisite packages , maybe even Typescript, but i can't get which is the right version to look for. 

Any suggestion woul be precious

Thank you!

solved!

installed typescript @2.3.3 , type/d3@5.7.2 and deleted d3 library

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.