How to configure lighthouse ci in gitlab cicd?

问题

I am trying to configure lighthouse report for my angular application, I am configuring in yml file to ensure it will run and create report in gitlab CICD environment. but I am getting an error while it is running in pipeline, have attached the error image, I am new to CI environment, have no idea which causes the issue exactly, is it from configuration or yml file. can anyone help me with this?

.gitlab-ci.yml

step-report-lighthouse:
  image: cypress/browsers:node14.15.0-chrome86-ff82
  stage: lighthouse
  tags:
    - ta_shop_release
  script:
    - npm install
    - npm run build
    - sudo npm install -g @lhci/cli@0.6.x
    - lhci autorun --upload.target=temporary-public-storage --collect.settings.chromeFlags="--no-sandbox" || echo "LHCI failed!"

lighthouserc.js

module.exports = {
    ci: {
        collect: {
            settings: { chromeFlags: '--no-sandbox' },
        },
        upload: {
            target: 'temporary-public-storage',
        },
    },
};

error message

来源：https://stackoverflow.com/questions/65516727/how-to-configure-lighthouse-ci-in-gitlab-cicd