Xin chào các bạn, Các bạn có khỏe không? Hy vọng tất cả các bạn vẫn ổn. Hôm nay tôi đang triển khai firebase trong ứng dụng của mình Nhưng tôi gặp phải lỗi sau Lỗi nhập đã cố gắng: ‘firebase / app’ không chứa xuất mặc định (được nhập dưới dạng ‘firebase’) Trong ReactJs. Vì vậy, ở đây tôi giải thích cho bạn tất cả các giải pháp khả thi ở đây.

Không lãng phí thời gian của bạn, Hãy bắt đầu bài viết này để giải quyết lỗi này.

Lỗi nhập đã cố gắng như thế nào: ‘firebase / app’ không chứa xuất mặc định (được nhập dưới dạng ‘firebase’) Lỗi xảy ra?

Hôm nay tôi đang triển khai firebase trong ứng dụng của mình Nhưng tôi gặp phải lỗi sau.

./src/firebase.js Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

Đây là mã của tôi.

import firebase from "firebase/app";
import "firebase/auth";

Cách giải quyết lỗi nhập đã cố gắng: Lỗi ‘firebase / app’ không chứa xuất mặc định (được nhập dưới dạng ‘firebase’)?

  1. Cách giải quyết lỗi nhập đã cố gắng: Lỗi ‘firebase / app’ không chứa xuất mặc định (được nhập dưới dạng ‘firebase’)?

    Để giải quyết lỗi nhập đã cố gắng: ‘firebase / app’ không chứa xuất mặc định (được nhập dưới dạng ‘firebase’) Lỗi Nếu bạn đang sử dụng Phiên bản 9 thì đừng quên rằng mọi thứ đã thay đổi một chút khi nhập firebase Bây giờ có một compatibility vì vậy có thể sử dụng thư mục / compat trong các lần nhập của bạn. Đây là một ví dụ Thay thế dòng này. nhập firebase từ firebase/app; Với Firebase nhập này từ ‘firebase / compat / app’; giải pháp thứ hai là Nếu bạn gặp phải lỗi này thì chỉ cần hạ cấp xuống bất kỳ phiên bản firebase nào thấp hơn v9.

  2. Lỗi nhập đã cố gắng: ‘firebase / app’ không chứa xuất mặc định (được nhập dưới dạng ‘firebase’)

    Để giải quyết lỗi nhập đã cố gắng: ‘firebase / app’ không chứa xuất mặc định (được nhập dưới dạng ‘firebase’) Lỗi Nếu bạn đang sử dụng Phiên bản 9 thì đừng quên rằng mọi thứ đã thay đổi một chút khi nhập firebase Bây giờ có một compatibility vì vậy có thể sử dụng thư mục / compat trong các lần nhập của bạn. Đây là một ví dụ Thay thế dòng này. nhập firebase từ firebase/app; Với Firebase nhập này từ ‘firebase / compat / app’; giải pháp thứ hai là Nếu bạn gặp phải lỗi này thì chỉ cần hạ cấp xuống bất kỳ phiên bản firebase nào thấp hơn v9.

Giải pháp 1: Sử dụng thư mục / compat trong nhập khẩu

Nếu bạn đang sử dụng Phiên bản 9 thì đừng quên rằng mọi thứ đã thay đổi một chút khi nhập firebase Bây giờ có một compatibility vì vậy có thể sử dụng / compat trong mục nhập của bạn. Đây là một ví dụ.

Thay thế dòng này.

import firebase from "firebase/app";

Với cái này.

import firebase from 'firebase/compat/app';

Đây là một số ví dụ được thay đổi trong phiên bản 9

//to use firebase app
import firebase from 'firebase/app'; //older version
import firebase from 'firebase/compat/app'; //v9

//to use auth
import 'firebase/auth'; //older version
import 'firebase/compat/auth'; //v9

//to use firestore
import 'firebase/firestore'; //Older Version
import 'firebase/compat/firestore'; //v9

Giải pháp 2: Hạ cấp phiên bản firebase

Nếu bạn gặp phải lỗi này thì chỉ cần hạ cấp xuống bất kỳ phiên bản firebase nào thấp hơn v9.

Giải pháp 3: Tạo một đối tượng Ứng dụng Firebase Như ví dụ dưới đây

  1. Cài đặt Firebase bằng npm.
  2. npm cài đặt firebase
  3. Khởi tạo Firebase trong ứng dụng của bạn và tạo đối tượng Ứng dụng Firebase Như ví dụ dưới đây.
import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase project
configuration const firebaseConfig = {   //... };

const app = initializeApp(firebaseConfig);

Summery

Đó là tất cả về vấn đề này. Hy vọng tất cả các giải pháp đã giúp bạn rất nhiều. Bình luận bên dưới Suy nghĩ của bạn và truy vấn của bạn. Ngoài ra, hãy Comment bên dưới giải pháp nào phù hợp với bạn?