Ошибка сборки Cloud Firestore с preact-cli
Я пытаюсь использовать Firebase Cloud Firestore из проекта, сгенерированного preact-cli, но меня поймали на первом препятствии. Я выбрал бета-версию SDK Firebase v9, чтобы опередить конкурентов (но, возможно, это была ошибка). При сборке возникает ошибка из файла SDK Firebase, но я не уверен, вызвана ли она самим SDK, babel, webpack, preact-cli или их комбинацией. Я также не знаю, как его диагностировать, поскольку я новичок в этих инструментах.
Шаги ниже, какие-либо идеи, в чем может быть причина этой ошибки?
npx preact-cli create typescript webapp
npm install --save firebase@9.0.0-beta.1
Затем в
src/components/app.tsx
воспользуйтесь Firestore SDK, добавив
import { getFirestore } from "firebase/firestore";
getFirestore();
Но сборка не удалась.
$ npm run build
> webapp@0.0.0 build
> preact build
Build [== ] 12% (1.3s) building(13200:6) switch-case fall-through not supported - added break. See https://github.com/MatAtBread/nodent#differences-from-the-es7-specification
[BABEL] Note: The code generator has deoptimised the styling of ../node_modules/@firebase/firestore/dist/exp/index.browser.esm2017.js as it exceeds the max of 500KB.
✖ ERROR ../node_modules/@firebase/firestore/dist/exp/index.browser.esm2017.js 5055:431
Module parse failed: Unsyntactic break (5055:431)
File was processed with these loaders:
* ../node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
(Source code omitted for this binary file)
@ ../node_modules/firebase/firestore/dist/index.esm.js 1:0-36 1:0-36
@ ./components/app.tsx
@ ./index.ts