部署到 firebase 函数时出现“无效或意外令牌”

Question

我试图将我的 react ssr 部署到 firebase 函数，这个错误出现在我身上，有人可以帮助我吗？

i  functions: Watching "C:\Users\LucasPereira\Documents\Dev\Site\ProIT\frontend\functions" for Cloud Functions...

!  C:\Users\LucasPereira\Documents\Dev\Site\ProIT\frontend\functions\src\assets\gif_pro_it.gif:1

GIF89a

SyntaxError: Invalid or unexpected token

    at wrapSafe (internal/modules/cjs/loader.js:1167:16)

    at Module._compile (internal/modules/cjs/loader.js:1215:27)

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1272:10)

    at Module.load (internal/modules/cjs/loader.js:1100:32)

    at Function.Module._load (internal/modules/cjs/loader.js:962:14)

    at Module.require (internal/modules/cjs/loader.js:1140:19)

    at require (internal/modules/cjs/helpers.js:75:18)

    at Object.<anonymous> (C:\Users\LucasPereira\Documents\Dev\Site\ProIT\frontend\functions\src\pages\Home\index.js:22:42)

    at Module._compile (internal/modules/cjs/loader.js:1251:30)

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1272:10)

!  We were unable to load your functions code. (see above)

这是我的 index.tx(root)

import * as functions from 'firebase-functions';

import React from 'react';

import { renderToString } from 'react-dom/server';

import App from './src/App';

import express from 'express';

import fs from 'fs';

const index = fs.readFileSync(__dirname + '/index.html', 'utf-8');

const app = express();

app.get('**', (req, res)=>{

    const html = renderToString(<App />);

    const finalHtml = index.replace('<div id="root"></div>', `<div id="root">${html}</div>`);

    res.set('Cache-Control', 'public, max-age=600, s-maxage=1200');

    res.send(finalHtml);

})

export let ssrapp = functions.https.onRequest(app);

这是我的 firebase.json

{

  "hosting": {

    "public": "dist",

    "ignore": [

      "firebase.json",

      "**/.*",

      "**/node_modules/**"

    ]

注意：我使用的是 express 4.17.1 和节点版本 14。主机运行良好，我只是遇到功能问题

编辑：我更改了“.gif”并且它继续显示错误，所以我决定删除它，仅用于调试，好吧，错误继续到另一个图像（另一个 PNG），错误似乎在图像中

Answer 1

看起来您正在尝试在某处导入 *.gif 图像（但不在提供的代码中）；默认情况下，不支持导入 GIF。如果我是正确的，那么您需要设置Webpack（或其替代品）以处理 GIF 文件的导入。