HarmonyOS 鸿蒙Next 引入hsp模块后，entry模块中无法预览组件，提示如下，这个怎么解决啊

HarmonyOS 鸿蒙Next 引入hsp模块后，entry模块中无法预览组件，提示如下，这个怎么解决啊

引入hsp模块后，entry模块中无法预览组件，提示如下，这个怎么解决啊

Imports of unmocked HSP modules are not allowed in pages or components. (no-page-import-unmocked-hsp)
Rule Details
HSP modules must be mocked so that the interfaces in them can be properly initialized in the Previewer. If a page or component has any unmocked HSP module imported, it may not be rendered correctly in the preview.
Examples
Examples of incorrect code for this rule:
import { add } from 'library'; // The module is not mocked.

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  
  build() {
    Row() {
      Text(this.message)
        .onClick(() => add(1, 2))
    }
  }
}
Examples of correct code for this rule:
import { add } from 'library'; // The module is mocked. See the mocking configuration below.

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  
  build() {
    Row() {
      Text(this.message)
        .onClick(() => add(1, 2))
    }
  }
}
Custom mocking configuration:
// src/mock/mock-config.json5
{
  "library": {
    "source": "src/mock/myhsp.mock.ets"
  },
}
// src/mock/myhsp.mock.ets
export function add(a: number, b: number): number {
  return a + b;
}