After completing the Bear Tracking App, it works as expected in my Dev Org, but throws errors and appears differently in the Local Development Server. I'm not sure if there is a difference between how the Local Dev Server works when creating a project with the npx command or running it from the VS Code commands, but in this case, I ran it from the VS Code commands. I had not created the project with the npx command.
Expected behavior
Not to get errors in Local Server and components to appear the same way.
Screenshots
Home Page In Org - Working As Expected (the magnifying glass does bring you to a bears details and clicking on a bear in the map or the map list does produce the bear coordinates)
Bear List - Displaying as expected in the LocalHost (the magnifying glass does not work here, as expected)
Bear Map - Error in LocalHost
Bear Tile - Error in LocalHost
Search For SA in Org - working as expected
Search For SA in LocalHost - Tiles not aligned properly
Search For P in Org - Tiles are aligned as expected, but list of bears disappears from map
Search For P in in LocalHost - Tiles not aligned properly
Desktop (please complete the following information):
OS: Windows 10 Home Version 1903 OS build 18362.592
Browser Chrome
Version 79.0.3945.130 (Official Build) (64-bit)
Smartphone (please complete the following information):
Not Applicable
Describe the bug I completed the Trailhead module: https://trailhead.salesforce.com/content/learn/projects/lwc-build-flexible-apps after having previously completed this Trailmix: http://sforce.co/df19-devtrailmix
After completing the Bear Tracking App, it works as expected in my Dev Org, but throws errors and appears differently in the Local Development Server. I'm not sure if there is a difference between how the Local Dev Server works when creating a project with the npx command or running it from the VS Code commands, but in this case, I ran it from the VS Code commands. I had not created the project with the npx command.
To Reproduce
Expected behavior Not to get errors in Local Server and components to appear the same way.
Screenshots Home Page In Org - Working As Expected (the magnifying glass does bring you to a bears details and clicking on a bear in the map or the map list does produce the bear coordinates)![HomePageInOrg_WorkingAsExpected](https://user-images.githubusercontent.com/29761273/73611722-c7fd8f80-45b2-11ea-85e8-817e440102f2.jpg)
Bear List - Displaying as expected in the LocalHost (the magnifying glass does not work here, as expected)![BearListLocalHost](https://user-images.githubusercontent.com/29761273/73611728-d6e44200-45b2-11ea-8236-73a141884cd0.jpg)
Bear Map - Error in LocalHost![BearMapLocalHost](https://user-images.githubusercontent.com/29761273/73611744-072be080-45b3-11ea-9ffa-9baadc6bce69.jpg)
Bear Tile - Error in LocalHost![BearTileLocalHost](https://user-images.githubusercontent.com/29761273/73611749-14e16600-45b3-11ea-9574-71061a403d7d.jpg)
Search For SA in Org - working as expected![SearchForSAInOrg](https://user-images.githubusercontent.com/29761273/73611750-29256300-45b3-11ea-853c-345b69922832.jpg)
Search For SA in LocalHost - Tiles not aligned properly![SearchForSALocalDevelopment](https://user-images.githubusercontent.com/29761273/73611755-36dae880-45b3-11ea-8515-465183f7b891.jpg)
Search For P in Org - Tiles are aligned as expected, but list of bears disappears from map![SearchForPInOrg](https://user-images.githubusercontent.com/29761273/73611761-49edb880-45b3-11ea-88fe-263588d04837.jpg)
Search For P in in LocalHost - Tiles not aligned properly![SearchForPLocalDevelopment](https://user-images.githubusercontent.com/29761273/73611782-6689f080-45b3-11ea-8592-7a10616023e9.jpg)
Desktop (please complete the following information):
Smartphone (please complete the following information): Not Applicable
Additional context None