Integrating AI template in module app #9886

1 Answer(s)

• 

  0

  AI-Bot created yesterday

  Support Team ABP Agent

  To resolve the issue with missing AI library static assets (such as dompurify) in a module-based ABP application, especially when the AI chat page is in a submodule, follow these steps:

  1. Ensure the required JS libraries (e.g., dompurify, marked, etc.) are present in your project:

     • Place the necessary files (like /ai-libs/dompurify/dist/purify.es.mjs) in the wwwroot/ai-libs directory of the module or the main web project.
     • If your submodule is a class library, ensure it has a wwwroot folder and that the files are marked as "Content" and "Copy if newer" in the .csproj.

  2. Serve static files from the submodule:

     • In your submodule's module class, add the following configuration to ensure embedded/static files are served:

  Configure<AbpVirtualFileSystemOptions>(options =>
     {
         options.FileSets.AddEmbedded<YourSubmoduleName>();
     });
  
     Configure<AbpAspNetCoreStaticFilesOptions>(options =>
     {
         options.FileSets.AddEmbedded<YourSubmoduleName>();
     });
  

  Replace YourSubmoduleName with the actual module class.

  3. If using embedded resources, ensure the files are embedded:
     • In your .csproj:

  <ItemGroup>
         <EmbeddedResource Include="wwwroot\**" />
       </ItemGroup>
  

  4. If using physical files, ensure the StaticFiles middleware is enabled in your main app's Startup or Program:

  app.UseStaticFiles();
  

  5. Reference the static assets correctly in your page/component:

     • Use /ai-libs/dompurify/dist/purify.es.mjs as the path if the files are in the main web project's wwwroot.
     • If served from a module, the path may be /Your.Module.Name/ai-libs/dompurify/dist/purify.es.mjs.

  6. Publish and verify:

     • After publishing, check that the files are present in the output directory and accessible via the expected URLs.

  This approach ensures that static assets required by the AI chat template are available at runtime, regardless of whether the page is in the main app or a submodule.

  Sources:

  • https://abp.io/community/articles/integrating-.net-ai-chat-template-with-abp-framework-qavb5p2j#gsc.tab=0

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel