Supply chain | Supply Chain Management, Commerce

Unable to setup development environment fo e-Commerce

(2) Share

Report

Posted on by Sohan Prasad Kanti

Hi all,

I am trying to setup a development environment for D365 e-Commerce.

I have followed this documentation: Set up a development environment - Commerce | Dynamics 365 | Microsoft Learn

I have also configured the .env file following the documentation Configure a development environment (.env) file - Commerce | Dynamics 365 | Microsoft Learn.

After executing the yarn and yarn start commands, the Node app is running and I am able to load the front end of the cloud hosted website in my local browser.

But I am not able to click any button or perform any operations in the UI. Upon checking he Console log of the browser, I see the errors visible in the screenshot.

I would highly appreciate if you guys and guide.

Thanks

I have the same question (0)

All responses (5)

Answers (0)

Suggested answer

Judy Microsoft Employee on at

Like (0)

Report
Hi Sir,

Before you set up a development environment, please make sure that your environment meets the minimum requirements that are specified in System requirements for a Dynamics 365 Commerce online extensibility environment.

System requirements for a Dynamics 365 Commerce online extensibility development environment - Commerce | Dynamics 365 | Microsoft Learn

The typical process when you extend the Commerce platform includes the following actions:

Install the required development tools.

Install the latest online SDK.

Optional: Set up an Azure DevOps build pipeline for code sharing and build management.

Build and extend modules, data actions, and themes as required.

Test modules, data actions, and themes by using mock data.

Optional: Test modifications against a cloud environment.

Build a Commerce configuration package of all changes.

Deploy the configuration package to a cloud environment.

The reference Microsoft Document:Get started with e-commerce online extensibility development - Commerce | Dynamics 365 | Microsoft Learn

Best Regards,

Judy

Was this reply helpful? Yes No
Hana Xue Microsoft Employee on at

Like (0)

Report

Hi,
The error message indicates that your website's CSP does not allow connections to the specified. CSP is a security mechanism that limits what can be executed in the browser when a page is loaded. Make sure your CSP configuration allows connections to. You can try looking for the CSP configuration in your server configuration or HTML headers and add to the allowed list of directives.
The ActionExecutor service is unavailable while executing a specific action. This may be because the service did not start correctly, or there is a problem connecting to the service. Make sure the ActionExecutor service is running and check that the connection to it is working properly. The message also mentions that your front-end code uses Node.js-specific code, which is not supported in the browser environment. Please check your front-end code to make sure it does not contain Node.js-specific code that is not recognized in the browser environment. If none of them work, you can also wait and see other people's suggestions.
Best Regards,
Hana

Was this reply helpful? Yes No
S Gopi Krishna 633 on at

Like (0)

Report

Try checking the network log for more information on the error caused.

Was this reply helpful? Yes No
jodyfleischh 2 on at

Like (0)

Report

I understand the frustration when setting up a development environment, but kudos to you for following the documentation diligently. It's promising that the Node app is running and you can view the frontend, although encountering UI issues can be perplexing.

Since you've checked the Console log and identified errors, it might be beneficial to delve deeper into debugging or seek assistance from a .net development company. Their expertise in troubleshooting and resolving technical challenges could provide valuable insights into resolving the UI functionality issues you're facing.

Was this reply helpful? Yes No
AP-16061101-0 2 on at

Like (0)

Report
Hi! It sounds like you’ve followed the setup steps correctly, and it’s good to hear that the frontend is loading in your local browser. When the UI loads but buttons or interactions don’t work, it usually points to a JavaScript runtime issue or a misconfiguration in the environment variables.

Here are a few things you can check:

Browser Console: Open developer tools and check the console for errors. Often, missing API endpoints or CORS issues show up here.

.env Configuration: Ensure all required service URLs and authentication keys are correctly defined in your .env file. Even a small typo can cause runtime failures.

HTTPS & Cross-Origin Requests: If your services are hosted on different domains/ports, make sure CORS is properly configured.

Proxy & API Gateway: Check if your local setup correctly proxies API requests to the right backend services.

If you’re part of a team or working under a tight timeline, collaborating with a skilled .NET development company that has experience with D365 Commerce environments can be helpful. They often have encountered and resolved similar issues during complex setups.

Let us know what you find in the browser console or network tab—that can provide more clues!

Was this reply helpful? Yes No

Join the conversation

Community site session details

Unable to setup development environment fo e-Commerce

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Leaderboard > Supply chain | Supply Chain Management, Commerce

Featured topics

Product updates

Community site session details

Unable to setup development environment fo e-Commerce

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Supply chain | Supply Chain Management, Commerce

Featured topics

Product updates