google is not defined in react app using create-react-app

by

As mentioned in the user guide, you need to explicitly read any global variables from window. Put this at the top of the file and it will work:

const google = window.google;

The reason we enforce this is because people commonly misunderstand the difference between local variables, imported modules, and global variables, and so we want to always make it clear in the code when you use a global variable.

By the way, this is not related to Webpack or HTTPS. You see this because we use a linting rule that forbids unknown global variables.

More Related Contents:

  1. The create-react-app imports restriction outside of src directory
  2. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  3. where is create-react-app webpack config and files?
  4. How should I configure create-react-app to serve app from subdirectory?
  5. How to add fonts to create-react-app based projects?
  6. combine react build output into single js file
  7. How to set build .env variables when running create-react-app build script?
  8. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  9. How to fix missing dependency warning when using useEffect React Hook
  10. Dynamically import images from a directory using webpack
  11. Google Maps: how to get country, state/province/region, city given a lat/long value?
  12. How to access Google Maps API v3 marker’s DIV and its pixel position?
  13. Google Maps v3: check if point exists in polygon
  14. Google street view URL
  15. IMAGE: You may need an appropriate loader to handle this file type
  16. deploying create-react-app to heroku with express backend returns invalid host header in browser
  17. Error while creating new React app (“You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)”)
  18. Blank page after running build on create-react-app
  19. Google Maps API V3 : weird UI display glitches (with screenshot)
  20. webpack can’t find module if file named jsx
  21. XMLHttpRequest cannot load No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3000’ Google maps
  22. Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema
  23. Relative path in index.html after build
  24. Increase JavaScript Heap size in create-react-app project
  25. Webpack 5 – Uncaught ReferenceError: process is not defined
  26. Polygon Drawing and Getting Coordinates with Google Map API v3 [closed]
  27. Google static maps with directions
  28. Blacklisting specific roads from Google Maps/Mapquest?
  29. Is it possible to write custom text on Google Maps API v3?
  30. Google Maps, open info window after click on a link

Leave a Comment