tomchentw / react-google-maps

React.js Google Maps integration component
https://tomchentw.github.io/react-google-maps/
MIT License
4.62k stars 939 forks source link

Can't resolve 'core-js/...' in 'react-google-maps' #1020

Open Aykelith opened 4 years ago

Aykelith commented 4 years ago

Hello. I'm using react-google-maps@9.4.5 and core-js@3.4.7 and I have the following config for babel in webpack:

cacheDirectory: "babel_cache",
ignore: BabelIgnorePaths,
presets: ["@babel/react", ["@babel/env", { modules: false, useBuiltIns: "usage", corejs: 3 }]],
plugins: [
    [
        "module-resolver",
        {
            "root": [
                "./src",
                "./src/packages",
                "./src/gitpackages"
            ]
        }
    ],
    ["@babel/plugin-syntax-object-rest-spread"],
    ["@babel/plugin-syntax-async-generators"],
    ["@babel/plugin-transform-regenerator"],
    ["@babel/plugin-syntax-dynamic-import"],
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ["@babel/plugin-proposal-class-properties", { "loose": true }],
    ["react-hot-loader/babel"],
    ...extraBabelPlugins
]

But I get the next errors when I just import the react-google-maps into a file:

ERROR in ./node_modules/babel-runtime/core-js/array/from.js
Module not found: Error: Can't resolve 'core-js/library/fn/array/from' in 'project\node_modules\babel-runtime\core-js\array'
@ ./node_modules/babel-runtime/core-js/array/from.js 1:30-70
@ ./node_modules/babel-runtime/helpers/toConsumableArray.js
@ ./node_modules/react-google-maps/lib/components/GoogleMap.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js

ERROR in ./node_modules/babel-runtime/core-js/object/assign.js
Module not found: Error: Can't resolve 'core-js/library/fn/object/assign' in 'project\node_modules\babel-runtime\core-js\object'
@ ./node_modules/babel-runtime/core-js/object/assign.js 1:30-73
@ ./node_modules/babel-runtime/helpers/extends.js
@ ./node_modules/react-google-maps/lib/components/OverlayView.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js

ERROR in ./node_modules/babel-runtime/core-js/object/create.js
Module not found: Error: Can't resolve 'core-js/library/fn/object/create' in 'project\node_modules\babel-runtime\core-js\object'
@ ./node_modules/babel-runtime/core-js/object/create.js 1:30-73
@ ./node_modules/babel-runtime/helpers/inherits.js
@ ./node_modules/react-google-maps/lib/withScriptjs.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js

ERROR in ./node_modules/babel-runtime/core-js/object/define-property.js
Module not found: Error: Can't resolve 'core-js/library/fn/object/define-property' in 'project\node_modules\babel-runtime\core-js\object'
@ ./node_modules/babel-runtime/core-js/object/define-property.js 1:30-82
@ ./node_modules/babel-runtime/helpers/createClass.js
@ ./node_modules/react-google-maps/lib/withScriptjs.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js

ERROR in ./node_modules/babel-runtime/core-js/object/get-prototype-of.js
Module not found: Error: Can't resolve 'core-js/library/fn/object/get-prototype-of' in 'project\node_modules\babel-runtime\core-js\object'
@ ./node_modules/babel-runtime/core-js/object/get-prototype-of.js 1:30-83
@ ./node_modules/react-google-maps/lib/withScriptjs.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js

ERROR in ./node_modules/babel-runtime/core-js/object/set-prototype-of.js
Module not found: Error: Can't resolve 'core-js/library/fn/object/set-prototype-of' in 'project\node_modules\babel-runtime\core-js\object'
@ ./node_modules/babel-runtime/core-js/object/set-prototype-of.js 1:30-83
@ ./node_modules/babel-runtime/helpers/inherits.js
@ ./node_modules/react-google-maps/lib/withScriptjs.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js

ERROR in ./node_modules/babel-runtime/core-js/symbol.js
Module not found: Error: Can't resolve 'core-js/library/fn/symbol' in 'project\node_modules\babel-runtime\core-js'
@ ./node_modules/babel-runtime/core-js/symbol.js 1:30-66
@ ./node_modules/babel-runtime/helpers/typeof.js
@ ./node_modules/babel-runtime/helpers/possibleConstructorReturn.js
@ ./node_modules/react-google-maps/lib/withScriptjs.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js

ERROR in ./node_modules/babel-runtime/core-js/symbol/iterator.js
Module not found: Error: Can't resolve 'core-js/library/fn/symbol/iterator' in 'project\node_modules\babel-runtime\core-js\symbol'
@ ./node_modules/babel-runtime/core-js/symbol/iterator.js 1:30-75
@ ./node_modules/babel-runtime/helpers/typeof.js
@ ./node_modules/babel-runtime/helpers/possibleConstructorReturn.js
@ ./node_modules/react-google-maps/lib/withScriptjs.js
@ ./node_modules/react-google-maps/lib/index.js
@ ./src/client/components/EstateMapComponent.react.js
@ multi webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000 ./src/client/index.js
JustFly1984 commented 4 years ago

@Aykelith The repo of this project is unmaintained more than a year, and we had build new version https://www.npmjs.com/package/@react-google-maps/api

We had rewrite it to TypeScript, and updating it frequently: https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api You can enjoy autocomplete.

You can see our docs: https://react-google-maps-api-docs.netlify.com/

Also a lot of examples: https://react-google-maps-api-gatsby-demo.netlify.com/ https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api-gatsby-example/src/examples

The bundle size is much smaller: https://bundlephobia.com/result?p=@react-google-maps/api@1.8.0

Our Spectrum community: https://spectrum.chat/react-google-maps

Enjoy!