尝试将 create-react-app 项目部署到 Netlify

Question

我当前的项目在 Netlify 平台上构建时遇到了问题。我能够很好地在本地构建我的应用程序并通过 gh-pages 托管它，但是当我尝试构建相同的应用程序时，我遇到了这个错误。

Netlify Deploy Log

11:10:03 PM: Failed to compile.
11:10:03 PM: 
11:10:03 PM: ./src/pages/Mortgage.js
11:10:03 PM: Cannot find file '../hooks/UseWindowSize.js' in './src/pages'.

Current Folder Structure

src
--hooks
----UseWindowSize.js
--pages
----Home.js
----Mortgage.js

知道可能是什么问题吗？

Answer 1

这就是我设法让它工作的方法。

我通过Github 存储库链接它在Netlify 上添加了该站点。然后在 Netlify 里面，我做了流动：

1. 单击Sites 菜单链接并选择您要部署的站点
2. 要访问Settings，请单击：
   • Site Settings 按钮 - 位于菜单下方的第一个块/小部件中
   • Deploys 在 Site Overview 旁边的菜单中，然后单击 Deploy setting 按钮 - 位于菜单下方的第一个块/小部件中
3. 在第一个块/小部件下方单击链接Build & deploy - 位于左侧导航旁边
4. 在Build settings 小部件块中，单击Edit settings 按钮。
   • 将Base directory 更改为./
   • 将Build command 更改为npm run build
   • 将Publish directory 更改为./build
5. 向下滚动到Environment variables并添加键PRODUCTION，将PRODUCTION的值设置为true

重试构建以查看配置是否有效。

旁注：这是fresh create react app react install，还没有第 3 方库。

快乐编码 =)

专业提示 - 在项目的根目录中创建一个 netlify.toml 文件并添加以下内容：

# Production context:
# All deploys from the main repository branch
# will inherit these settings.
[context.production]
  command = "npm run build"
  [context.production.environment]
    PRODUCTION = "true"

我注意到使用布尔值作为字符串是可行的，但如果你像往常一样使用它，构建会中断

Answer 2

说实话，将 Vercel 与 React 结合使用要容易得多，而且效果也更好。 将项目推送到存储库，访问 vercel 的站点，使用 Github 登录，然后选择您的存储库，它会为您完成 95% 的工作。 Netlify 在 React-router 方面也存在一些问题，因此 Vercel 显然是赢家。