在 netlify 中部署我的项目，但“build.command”不可用修复失败

Question

Closed. This question needs debugging details. It is not currently accepting answers.

---

编辑问题以包含所需行为、特定问题或错误以及重现问题所需的最短代码。这将有助于其他人回答问题。

2 年前已关闭。

Answer 1

您的代码中有多个警告/错误需要修复才能编译。将来，请考虑在将代码推送到 GitHub 或 Netlify 等代码服务器之前，在本地计算机上编译开发版本。 阅读错误消息也会有所帮助。

还请将错误消息括在代码块中，并在以下情况下插入换行符：必要的。这将使其他人更容易阅读您的错误消息。

TailwindCSS 警告 (1)

当您使用 TailwindCSS v3 时，请将 purge 属性更改为 content。

// tailwind.config.js

module.exports = {
  content: [
    // ...
  ],
};

文档

TailwindCSS 警告 (2)

从 TailwindCSS v3 开始，darkMode 设置为 false 与设置为 media 相同。将其完全删除，因为不再需要它。仅当您需要将其设置为 class 时才使用它。

// tailwind.config.js

module.exports = {
  dark: false, // remove this
};

文档

React ESLint 错误 (3)

看起来像 <您的代码中的 code>useEffect() 缺少依赖项：navigate。根据代码的工作方式，您需要删除整个依赖项数组或向其中添加 navigate 依赖项。

删除整个依赖项数组：

// src/App.js
// line 14:6

useEffect(() => {
  // ...
});

添加 navigate 依赖项：

// src/App.js
// line 14:6

useEffect(() => {
  // ...
}, [navigate]);

的情况也是如此

• fetchPinDetails 中 >src/components/PinDetails.jsx 第 64:6 行
• activeBtn 在 src/components/UserProfile.jsx 第 53:6 行
• userInfo?.googleId in src/container/Home.jsx line 33:6

HTML/React ESLint 警告 (4)

在较旧的浏览器中，如果您有一个打开的链接不包含 rel="noreferrer" 的新选项卡（又名 target="_blank"）存在安全风险。添加它以删除警告。如果您熟悉的话，它还意味着 noopener，因此您不需要添加它。

// src/components/Pin.jsx
// line 108:17

<a href="/example-page" target="_blank" rel="noreferrer">
  // ...
</a>

ESLint 警告 (5-6)

您定义了变量，但从未在任何地方使用过它。删除它们，除非您需要使用它们。

• src/components/PinDetails.jsx 第 10:10 行中的 MdMaximize
• src/components/PinDetails.jsx 中的 addingComment line 16:10

---

以后请在访问 Stack Overflow 之前阅读错误消息。如果您阅读并参考其链接的文档页面，所有这些错误或警告都可以轻松解决。