In this chapter, we'll first go through the typical troubleshooting tips developers can use to fix certain errors when developing solutions with the SharePoint Framework. As the development model consists of numerous different tools and platforms, including Webpack, Node.js, npm, Yeoman, and Gulp, different issues might arise when you least expect them. Not all possible scenarios are clear enough for debugging, but often times, it is found to be useful to run through the typical troubleshooting approaches if you run into problems.

In addition, we'll show how you can configure the Google Chrome browser and Visual Studio Code for debugging and troubleshooting.

This chapter will teach you to do the following things:

• Performing troubleshooting for the core tools you use with the SharePoint Framework
• Optimizing your code and load libraries externally from CDN
• Using debugging features in VS Code and Chrome