按照文档导入@newrelic/browser-agent失败，模块无法解析求助

我按照@newrelic/browser-agent的官方说明操作，但应用执行到导入语句时失败。

导入代码如下：

import { BrowserAgent } from '@newrelic/browser-agent/loaders/browser-agent'
const options = {
    init: { distributed_tracing: { enabled: true }, privacy: { cookies_enabled: true }, ajax: { deny_list: ["bam.nr-data.net"] } },
    info: { beacon: "bam.nr-data.net", errorBeacon: "bam.nr-data.net", licenseKey: "xxx", applicationID: "xxx", sa: 1 },
    loader_config: { accountID: "xxx", trustKey: "xxx", agentID: "xx", licenseKey: "xx", applicationID: "xx" }
}

new BrowserAgent(options)

收到的异常信息：

./src/App.tsx
Module not found: Can't resolve '@newrelic/browser-agent/loaders/browser-agent' in '~/code/clients/web/ClientApp/src'

我猜测是项目未配置@路径引用，于是更新了tsconfig.json，添加以下配置：

{
  "compilerOptions": {
    "paths": {
      "@/*": [
        "./*"
      ],
    }
  }
}

以下是package.json中的scripts部分：

"scripts": {
    "prepare": "cd ../.. && husky install Sontiq.Unified.Web/ClientApp/.husky",
    "build-css": "cross-env PUBLIC_URL=/app sass src/Assets/css:public/css --style=compressed --no-source-map",
    "watch-css": "cross-env PUBLIC_URL=/app npm run build-css && sass src/Assets/css:public/css --watch --update --style=compressed --no-source-map",
    "start": "rimraf ./build && npm-run-all -p watch-css start-js",
    "build": "cross-env PUBLIC_URL=/app npm run build-css && cross-env PUBLIC_URL=/app DISABLE_ESLINT_PLUGIN=true react-scripts build",
    "start-js": "cross-env PUBLIC_URL=/app DISABLE_ESLINT_PLUGIN=true react-scripts start",
    "test": "cross-env CI=true DISABLE_ESLINT_PLUGIN=true react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },

请求协助解决模块无法解析的问题。

内容的提问来源于stack exchange，提问作者Ali Khakpouri