pnp/sp-dev-fx-extensions

react-application-news-ticker -

mjoksa opened this issue · 1 comments

mjoksa commented

Sample

react-application-news-ticker

Author(s)

@AriGunawan

What happened?

Extension does not work as expected.
I get an error on page load.

Steps to reproduce

  1. Generated sppkg from main branch.
  2. Installed package into client tenant for all sites with no errors.
  3. Open page and I get an error in browser console:

Uncaught (in promise) Error: Failed to create application customizer 'ClientSideExtension.ApplicationCustomizer.4358e70e-ec3c-4713-beb6-39c88f7621d1'. Error information is 'Extension failed to load for componentId "4358e70e-ec3c-4713-beb6-39c88f7621d1".'.
at sp-pages-assembly_en-us_6c97ae89d85f664614b24d840404a1b0.js:71:751414
at async Promise.all (index 0)

P.S. I did everything from prerequisites.

Expected behavior

Extension should display news ticker at the top of the page.

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

  • Internet Explorer
  • Microsoft Edge
  • Google Chrome
  • FireFox
  • Safari
  • mobile (iOS/iPadOS)
  • mobile (Android)
  • not applicable
  • other (enter in the "Additional environment details" area below)

Node.js version

v.14.17.1, v.10.17.0

Additional environment details

package.json content is below

{
  "name": "react-application-news-ticker",
  "version": "0.0.1",
  "private": true,
  "main": "lib/index.js",
  "scripts": {
    "build": "gulp bundle",
    "clean": "gulp clean",
    "test": "gulp test",
    "serve": "gulp bundle --custom-serve --max_old_space_size=4096 && fast-serve"
  },
  "dependencies": {
    "@microsoft/decorators": "1.12.1",
    "@microsoft/sp-application-base": "1.12.1",
    "@microsoft/sp-core-library": "1.12.1",
    "@microsoft/sp-dialog": "1.12.1",
    "@pnp/sp": "^2.3.0",
    "react": "^16.8.5",
    "react-dom": "^16.8.5",
    "react-ticker": "^1.2.2"
  },
  "devDependencies": {
    "@microsoft/rush-stack-compiler-3.3": "0.3.5",
    "@microsoft/rush-stack-compiler-3.7": "0.2.3",
    "@microsoft/sp-build-web": "1.12.1",
    "@microsoft/sp-module-interfaces": "1.12.1",
    "@microsoft/sp-tslint-rules": "1.12.1",
    "@microsoft/sp-webpart-workbench": "1.12.1",
    "@types/react": "16.9.36",
    "@types/react-dom": "16.9.8",
    "@types/webpack-env": "1.13.1",
    "ajv": "~5.2.2",
    "cross-env": "7.0.2",
    "css-loader": "3.4.2",
    "css-modules-typescript-loader": "4.0.0",
    "del": "5.1.0",
    "fork-ts-checker-webpack-plugin": "4.1.0",
    "gulp": "4.0.2",
    "node-sass": "^4.14.1",
    "sass-loader": "8.0.2",
    "spfx-fast-serve-helpers": "~1.12.0",
    "style-loader": "1.1.3",
    "ts-loader": "6.2.1",
    "webpack": "4.42.0",
    "webpack-cli": "3.3.11",
    "webpack-dev-server": "3.10.3"
  }
}
msftbot commented

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.