To enable local development, you need to set up a few things.

  1. Add development runtime settings which define the module instance id, tab id, base path for requests
    1. Create a folder dev inside of the /src/app folder
    2. In this folder, create a file named dnn-dev-settings.ts and and paste the following content: template for dnn-dev-settings.ts
    3. Adjust values for moduleId, tabId and path to match the module of your DNN installation
  2. Update app.module.ts to include the dev-settings

Workaround for DNN 9+:

If it does not work, use this workaround (still work needed to find out why this is needed; mostly on DNN 9+ installations):

  • Open web.config and add the following to the handlers section: 
    <remove name="OPTIONSVerbHandler" />
  • In the handlers section, change the line with ExtensionlessUrl-Integrated-4.0 to: 
    <add name="ExtensionlessUrl-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />