Using PersistGate gets Uncaught SyntaxError: Unexpected identifier

react
1

Hi! I’m trying to implement PersistGate from redux-persist on my project but I’m getting this error:

modules.js?hash=8be9eb08f28d8e12c841cd8ed3bd871e5f0b97db:58688 Uncaught SyntaxError: Unexpected identifier

The issue seems to be at this line of ReduxPersist source but I have no idea how to fix it:

...
...
import React, { PureComponent } from 'react'; // eslint-disable-line import/no-unresolved
// eslint-disable-line import/no-unresolved
...
...

Currently I’m running Meteor 1.8.0.2 with this packages:

“dependencies”: {
“@babel/runtime”: “7.1.2”,
“@cleverbeagle/dates”: “^0.5.1”,
“@cleverbeagle/seeder”: “^1.3.1”,
“@cleverbeagle/strings”: “^0.1.2”,
“bcrypt”: “^3.0.2”,
“bootbox”: “^4.4.0”,
“bootstrap”: “^3.3.7”,
“bootstrap-datepicker”: “^1.8.0”,
“commonmark”: “^0.28.1”,
“core-js”: “^2.5.7”,
“dropbox”: “^4.0.9”,
“es6-promise”: “^4.2.4”,
“faker”: “^4.1.0”,
“fs-extra”: “^7.0.0”,
“gm”: “^1.23.1”,
“google-map-react”: “^1.0.9”,
“handlebars”: “^4.0.12”,
“helmet”: “^3.14.0”,
“isomorphic-fetch”: “^2.2.1”,
“jquery”: “^3.3.1”,
“jquery-validation”: “^1.17.0”,
“juice”: “^4.3.2”,
“latinize”: “^0.4.0”,
“leaflet”: “^1.3.4”,
“lodash”: “^4.17.10”,
“meteor-node-stubs”: “^0.4.1”,
“mime-types”: “^2.1.20”,
“moment”: “^2.22.2”,
“moment-timezone”: “^0.5.21”,
“multer”: “^1.4.0”,
“prop-types”: “^15.6.2”,
“react”: “^16.5.0”,
“react-addons-pure-render-mixin”: “^15.6.2”,
“react-bootstrap”: “^0.32.3”,
“react-bootstrap-pagination”: “^1.0.6”,
“react-data-grid”: “^4.0.8”,
“react-dom”: “^16.5.0”,
“react-komposer”: “^2.0.0”,
“react-leaflet”: “^2.0.1”,
“react-redux”: “^5.1.0”,
“react-router-bootstrap”: “^0.24.4”,
“react-router-dom”: “^4.3.1”,
“redux”: “^4.0.1”,
“redux-logger”: “^3.0.6”,
“redux-persist”: “^5.10.0”,
“request”: “^2.88.0”,
“route-parser”: “0.0.5”,
“simpl-schema”: “^1.5.3”,
“toastr”: “^2.1.4”,
“uniforms”: “^1.25.0”,
“uniforms-bootstrap3”: “^1.25.0”

Meteor deps:

meteor-base@1.4.0 # Packages every Meteor app needs to have
mobile-experience@1.0.5 # Packages for a great mobile UX
mongo@1.6.0 # The database Meteor supports right now
reactive-var@1.0.11 # Reactive variable for tracker
tracker@1.2.0 # Meteor’s client-side reactive programming library

standard-minifier-css@1.5.2 # CSS minifier run for production mode
standard-minifier-js@2.4.0 # JS minifier run for production mode
es5-shim@4.8.0 # ECMAScript 5 compatibility for older browsers.
ecmascript@0.12.4 # Enable ECMAScript2015+ syntax in app code
shell-server@0.4.0 # Server-side component of the meteor shell command

react-meteor-data
alanning:roles
fortawesome:fontawesome
static-html
accounts-base@1.4.3
accounts-password@1.5.1
service-configuration@1.0.11
accounts-facebook@1.3.2
accounts-google@1.3.2
aldeed:collection2@3.0.0
aldeed:schema-index@3.0.0
audit-argument-checks@1.0.7
ddp-rate-limiter@1.0.7
dynamic-import@0.5.0

jquery@1.11.10
mdg:validated-method
ostrio:meteor-root
ostrio:files
tunifight:loggedin-mixin
kurounin:pagination
reywood:publish-composite
underscore@1.0.10

2

Finally fixed it by importing PersistGate like this:

import { PersistGate } from 'redux-persist/integration/react';