I'm getting a "Type 'number' is not assignable to type 'ColumnWidth'" error when building

[designineer]

I'm currently using node version 6.1.10 and npm version 3.10.10. When building a clone of the current release, I get the following build error.

'''Type 'number' is not assignable to type 'ColumnWidth'

This points to line 69 of /utils/AdaptiveCardBuilder class:

'''column.width = size;

Can someone point me to what could be causing this issue? I have a feeling it's got something to do with my typescript version or other builder tools.

[corinagum]

Can you verify that you are using Node v10 and the latest npm when building? Unfortunately we don't support Node 6.x for building the web project.

[corinagum]

closing due to inactivity

[live-abhishek]

I am also getting the same error when running build command npm run build

botframework-webchat-component: src/Utils/AdaptiveCardBuilder.ts:69:7 - error TS2322: Type 'number' is not assignable to type 'ColumnWidth'. botframework-webchat-component: 69 column.width = size;

I am using node v10.15.0 and npm 6.5.0 on Windows10
I am running following commands (as per the docs) to build the project

npm install
npm run bootstrap
npm run build

[live-abhishek]

Yesterday, when performing the steps I was using Windows 10. I tried again in Ubuntu Machine, and it worked (barring some number of watch file limit errors).

Although I don't think this problem has anything to do with OS, but still want to share my findings.

[compulim]

Adaptive Cards 1.1 introduced a breaking change. number was supported in columnWidth. But in 1.1, they forced to use a custom type named Unit.

We bumped to [email protected] in PR #1558:

• Fixed the columnWidth to use Unit instead of number
• Locked down to minor version (@~1.1.2 instead of @^1.1.2)

As you are probably working on Git, pull the latest master and everything should be fine.

[live-abhishek]

Hey, that works. Silly me should have taken pull.

[live-abhishek]

Also can you help me with how to debug webchat code?
Here is SO question link https://stackoverflow.com/questions/54135827/how-to-debug-botframework-webchat-workspace-code/54152964#54152964

[compulim]

@live-abhishek I hit the very same problem when we bump Adaptive Cards. 😛

Will look at your Stack Overflow issue.

[compulim]

Looks like @corinagum answered.

It seems debugging thru HTML is possible. But not debugging thru playground (or possibly other React apps). Need some investigations over here.

[corinagum]

#1595