title: Elsa workflow designer errors
body: <p>I have completed the below tutorial to correctly configure a working elsa server</p>
  <p><a href="https://sipkeschoorstra.medium.com/building-workflow-driven-net-applications-with-elsa-2-part-2-ab0ffae91b95" rel="nofollow noreferrer">Part 2 of Building Workflow Driven .NET Applications with Elsa 2</a></p>
  <p>I made modifications for running it with docker-compose allong with the dependant services.</p>
  <p>Everything works as expected except the intellisense in the designer window.</p>
  <p>Ive noticed a couple of errors in the browser console as below</p>
  <p><a href="https://i.stack.imgur.com/rVpHY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rVpHY.png" alt="enter image description here" /></a></p>
  <p>this is my startup class</p>
  <pre><code>  public class Startup
      {
          public Startup(IConfiguration configuration, IWebHostEnvironment environment)
          {
              Configuration = configuration;
              Environment = environment;
          }
  
          private IConfiguration Configuration { get; }
          private IWebHostEnvironment Environment { get; }
  
          public void ConfigureServices(IServiceCollection services)
          {
              var dbConnectionString = Configuration.GetConnectionString(&quot;Sqlite&quot;);
  
              // Razor Pages (for UI).
              services.AddRazorPages();
  
              // Hangfire (for background tasks).
              AddHangfire(services, dbConnectionString);
  
              // Elsa (workflows engine).
              AddWorkflowServices(services, dbConnectionString);
  
              // Allow arbitrary client browser apps to access the API for demo purposes only.
              // In a production environment, make sure to allow only origins you trust.
              services.AddCors(cors =&gt; cors.AddDefaultPolicy(policy =&gt; policy.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin().WithExposedHeaders(&quot;Content-Disposition&quot;)));
          }
  
          public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
          {
              if (env.IsDevelopment())
              {
                  app.UseDeveloperExceptionPage();
              }
              else
              {
                  app.UseExceptionHandler(&quot;/Error&quot;);
                  app.UseHsts();
              }
  
              app
                  .UseStaticFiles()
                  .UseCors(cors =&gt; cors
                      .AllowAnyHeader()
                      .AllowAnyMethod()
                      .SetIsOriginAllowed(_ =&gt; true)
                      .AllowCredentials())
                  .UseRouting()
                  .UseHttpActivities() // Install middleware for triggering HTTP Endpoint activities. 
                  .UseEndpoints(endpoints =&gt;
                  {
                      endpoints.MapRazorPages();
                      endpoints.MapControllers(); // Elsa API Endpoints are implemented as ASP.NET API controllers.
                  });
          }
  
          private void AddHangfire(IServiceCollection services, string dbConnectionString)
          {
              services
                  .AddHangfire(config =&gt; config
                      // Use same SQLite database as Elsa for storing jobs. 
                      .UseSQLiteStorage(dbConnectionString)
                      .UseSimpleAssemblyNameTypeSerializer()
  
                      // Elsa uses NodaTime primitives, so Hangfire needs to be able to serialize them.
                      .UseRecommendedSerializerSettings(settings =&gt; settings.ConfigureForNodaTime(DateTimeZoneProviders.Tzdb)))
                  .AddHangfireServer((sp, options) =&gt;
                  {
                      // Bind settings from configuration.
                      Configuration.GetSection(&quot;Hangfire&quot;).Bind(options);
  
                      // Configure queues for Elsa workflow dispatchers.
                      options.ConfigureForElsaDispatchers(sp);
                  });
          }
  
          private void AddWorkflowServices(IServiceCollection services, string dbConnectionString)
          {
              services.AddWorkflowServices(dbContext =&gt; dbContext.UseSqlite(dbConnectionString));
  
              // Configure SMTP.
              services.Configure&lt;SmtpOptions&gt;(options =&gt; Configuration.GetSection(&quot;Elsa:Smtp&quot;).Bind(options));
  
              // Configure HTTP activities.
              services.Configure&lt;HttpActivityOptions&gt;(options =&gt; Configuration.GetSection(&quot;Elsa:Server&quot;).Bind(options));
  
              // Elsa API (to allow Elsa Dashboard to connect for checking workflow instances).
              services.AddElsaApiEndpoints();
          }
      }
  </code></pre>
  <p>this is my docker compose</p>
  <pre><code>version: '3.4'
  
  services:
    workflow.web:
      image: ${DOCKER_REGISTRY-}workflowweb
      ports:
          - 5000:80
          - 5001:443
      build:
        context: .
        dockerfile: src/Workflow.Web/Dockerfile
      networks:
          - testnet
  
    email.service:
       image: rnwood/smtp4dev:linux-amd64-3.1.0-ci0856
       ports:
          - 3000:80
          - &quot;2525:25&quot;
       networks:
          - testnet
  
    elsa.dashboard:
       image: elsaworkflows/elsa-dashboard:latest
       ports:
          - &quot;14000:80&quot;
       environment:
          ELSA__SERVER__BASEADDRESS: &quot;http://localhost:5000&quot;
       networks:
          - testnet
  
  
  networks:
    testnet:
      driver: bridge
  </code></pre>
  <p>Any ideas</p>