3

I am working on SPFx Command Bar and everything is working as expected when I do 'gulp serve' and run it in localhost. But when I tried to deploy the same in AppCatalog and installed the same to my site, strangely it does not work.

I tried creating a new default solution and faced the same issue after deployment in site.

Steps to reproduce the issue:

  • Run 'yo @microsoft/SharePoint' and select the default option to create application customizer for command bar.
  • Create package with (gulp build, gulp bundle --ship, gulp package-solution --ship)
  • Upload the package to the tenant app catalog
  • Install the SPFx solution to the site.
  • Navigate to the library and select the document
  • Command bar should be visible(in my case I am not seeing it)

I would really appreciate if someone can help me here.

Below are the versions I am using

  • Node: v10.16.1
  • NPM: 6.9.0
  • SPFx: 1.8.2
Improve this question
2
  • 3
    I got the solution to my own problem. By default, the command bar works with the list and I was testing with library. In order to work with the library, update in sharepoint\assets\elements.xml is required. Updating RegistrationId="100" to RegistrationId="101" fixed the issue.
    – Ravi Khambhati
    Commented Dec 13, 2019 at 23:27
  • You should post that as an answer to your own question and "accept" your answer so that future searchers with the same issue will see your question as answered.
    – willman
    Commented Feb 10, 2020 at 18:32

1 Answer 1

Reset to default
0

By default, the command bar works with the list and I was testing with library. In order to work with the library, update in sharepoint\assets\elements.xml is required. Updating RegistrationId="100" to RegistrationId="101" fixed the issue.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.