Module build failed Error: The path for file doesn't contain relativeTo param - Not able to bundle the htmls of parallel module

[ms185226]

I am using Webpack5 to build the below angularjs project

My project structure as below

-Editor

• App
  • Client index.js .... HTML, js and png files
  • Logic .... htmls, js

I have bundled the HTML, js and png Files of Client module in Client/dist/bundle.min.js file

My index.js file of Client Module also trying to import the htmls available in Logic Module.

In my webpack , I used html-loader and htmlwebpackplungin. Also i have used ngtemplate-loader.

module: { rules: [{ test: /.html$/, oneOf: [ {

  use: [
   {
      loader: 'ngtemplate-loader', options: {
      relativeTo: 'client/',
      module: 'builderClient'
      }
    },
    {
      loader: 'html-loader',
      options: {
      esModule: false,
    },
  }
  ],
  exclude : [path.resolve(__dirname, './node_modules'),
  //path.resolve(__dirname, '../logic/node_modules'),
  path.resolve(__dirname, './index.html')],
},

plugins: [ new HtmlWebpackPlugin({ inject : 'body', template:'./index.html', filename: 'index.html' }), ],

I am receiving the below error for each HTML file available under Logic Module

ERROR in ../logic/scripts/selector/selector.component.html Module build failed (from ./node_modules/ngtemplate-loader/index.js): Error: The path for file doesn't contain relativeTo param at Object.module.exports (C:\sources\Editor\app\client\node_modules\ngtemplate-loader\index.js:38:15) @ ../logic/scripts/ sync .html$ ./selector/selector.component.html @ ./index.js 170:10-62

[coderxsjah]

I got the same problem. Is there any method to resolve?