TypeError:对象(.)不是函数Module.<anonymous>。

Question

我在使用reactReduxFirebase(fbConfig)时出错了。我在试着找出密码有什么问题。如果我错了，请告诉我。

错误描述图像

属地：

"firebase": "^8.9.1",
"react": "^17.0.2",    
"react-redux": "^7.2.4",
"react-redux-firebase": "^3.10.0",    
"redux": "^4.1.1",
"redux-firestore": "^0.15.0",
"redux-thunk": "^2.3.0",
"vs": "^0.1.0"

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

import {createStore,applyMiddleware,compose} from 'redux';
import rootReducer from './store/reducers/rootReducer';
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';
import {createFirestoreInstance, reduxFirestore,getFirestore} from 'redux-firestore';
import {ReactReduxFirebaseProvider,reactReduxFirebase,getFirebase} from 'react-redux-firebase';
import fbConfig from './config/fbConfig';
import firebase from 'firebase/app'

let store=createStore(rootReducer,compose(
  applyMiddleware(thunk.withExtraArgument({getFirestore,getFirebase})),
  reduxFirestore(fbConfig),
  //reactReduxFirebase(fbConfig)
));


// ReactDOM.render(
//   <Provider store={store}>
//     <React.StrictMode>
//       <App />
//     </React.StrictMode>
//   </Provider>,
//   document.getElementById('root')
// );

const rrfProps = {
  firebase,
  config: fbConfig,
  dispatch: store.dispatch,
  createFirestoreInstance
};

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
    <ReactReduxFirebaseProvider{...rrfProps}>
        <App />
      </ReactReduxFirebaseProvider>
      </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);
reportWebVitals();

Answer 1

请再次检查firebase和config params。你似乎传递了错误的价值观。https://prnt.sc/1q1hejy

// firebase配置ex.firebaseConfig.js

    import * as firebase from 'firebase';
    import 'firebase/auth';
    import 'firebase/firestore';
    import 'firebase/functions';
    
    const firebaseConfig = {
        apiKey: 'XXXXX',
        authDomain: 'XXXX',
        databaseURL: 'XXXX',
        projectId: 'XXXX',
        storageBucket: 'XXXX',
        messagingSenderId: 'XXXX',
        appId: 'XXXX',
        measurementId: 'XXXX',
    };
    
    firebase.initializeApp(firebaseConfig);
    firebase.firestore();
    firebase.functions();
    
    export default firebase;

火源必须来自firebaseConfig.js

    import firebase from './firebaseConfig.js'

    ....
    const rrfConfig = {
        userProfile: 'users', // user collection
        useFirestoreForProfile: true, // to use firestore instance
    };
    const rrfProps = {
        firebase,
        config: rrfConfig,
        dispatch: store.dispatch,
        createFirestoreInstance: createFirestoreInstance,
    };
    ...
    ...
    
    <Provider store={store}>
         <ReactReduxFirebaseProvider {...rrfProps}>
             <App />
         </ReactReduxFirebaseProvider>
    </Provider>
    
    ...

• 请确保您创建了实时数据库。