HarmonyOS 鸿蒙Next entry引入HSP编译后的.tgz后报错

学习开发文档时，按教程步骤不成功，

报一下错误，有提示看不懂

Imports of unmocked HSP modules are not allowed in pages or components.

以下是提示

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;

}