在 Netlify 中构建时如何修复尝试导入错误？

Question

我有一个 React 项目，可以在我的计算机上正常构建，但是当我将它推送到我的 github 存储库时，由于导入错误，Netlify 无法构建它。问题是，我检查了很多次，它在我的电脑上运行，导入是正确的。但出于某种原因，我无法在 Netlify 中构建它。

这是构建日志：

6:11:53 PM: $ react-scripts build
6:11:55 PM: Creating an optimized production build...
6:12:19 PM: Failed to compile.
6:12:19 PM: ./src/views/Player.js
6:12:19 PM: Attempted import error: 'checkForPlayer' is not exported from '../Spotify'.
6:12:19 PM: error Command failed with exit code 1.

这是我的 Player.js 导入

import { getState, checkForPlayer, transferPlaybackHere, getHashParams } from '../Spotify'

这是我的Spotify.js导出

function checkForPlayer(authToken, player, setPlayer, playerRef, state, setState) {
    if (window.Spotify !== null) {
        const player = new window.Spotify.Player({
            name: "Reactify",
            getOAuthToken: cb => {
                cb(authToken);
            }
        });
        createEventHandlers(player, state, setState);
        console.log("Conectado");
        player.connect();
        setPlayer(player);
        playerRef.current = player;
    } else {
        setTimeout(checkForPlayer, 1000, authToken);
    }
}
exports.checkForPlayer = checkForPlayer;

有谁知道我该如何解决这个问题"bug"？

Answer 1

刚刚通过

导出每个函数解决了这个问题

导出函数 checkForPlayer(authToken, player, setPlayer, playerRef, state, setState) { .... }

并删除

exports.checkForPlayer = checkForPlayer;

在 Netlify 中构建时如何修复尝试导入错误？

How to fix Attempted import error when building in Netlify?

import

export

reactjs

netlify