Answered

Virtual PCF control errors out on Power Pages

(0) Share

Report

Posted on by gfpierce

Hello all! I'm working on a project where I'm adding PCF controls to a Power Pages portal. I've encountered an issue where virtual controls return an error on the portal, here's a screenshot of the error in the console:

However, when I put the same control together in a standard component, it renders just fine. It seems like the issue is that building the virtual component doesn't package React in with the component in a way that the portal can use. The virtual control works perfectly fine in a model-driven app.

I was curious if anyone has any insight on how to solve this issue.

Thanks!

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (1)

CU27071804-1 3 on at

Like (0)

Report
Copy link

Link copied!

I have a lookup to aaduser table which throws Internal Server Error on the portal page, works fine in the model-driven app.

- Used ReactSelectLookup PCF as suggested in some forums still the same: works in model-driven app, Internal Server Error on portal.

- Rebuilt the PCF with pcfconfig (isolation mode none), webpack config (added externals) as suggested here. Still encountering the same error.

Any help appreciated.

Was this reply helpful? Yes No
vitalii_hladkyi 10 on at

Like (0)

Report
Copy link

Link copied!

have the same issue, don't know how to fix this((

Was this reply helpful? Yes No
Verified answer

SaiRT14 1,990 Super User 2025 Season 2 on at

Like (2)

Report
Copy link

Link copied!

Hi

Power Pages portals, operate in a different environment where dependencies like React and ReactDOM may not be readily available or are sandboxed.

If your PCF control doesn’t bundle its dependencies properly, the portal cannot resolve them, resulting in errors.

Open your PCF control’s pcfconfig.json file and make sure the isolationMode is set to none. This ensures the dependencies are bundled.

{
"namespace": "MyNamespace",
"controlName": "MyControl",
"isolationMode": "none",
"properties": {...}
}

Run the following commands to build the control with bundled dependencies

npm install --save react react-dom
npm install --save-dev webpack-bundle-analyzer

include Webpack configuration

externals: {
react: 'React',
'react-dom': 'ReactDOM'
}

pls try and let me know. thanks

Was this reply helpful? Yes No