小编Sha*_*ane的帖子

我在尝试为 React 应用程序运行“npm start”时遇到了一个错误。

我的应用程序在开发过程中基本上按照我的预期运行，但是我遇到了一个错误，需要我更新我的节点版本作为潜在的修复。我将 node 更新到 v16.13.2，并且还决定将 np​​m 更新到 v8.3.2。现在，当尝试运行 npm start 时，我收到以下错误。我还发现奇怪的是引用的文件不是来自我当前项目文件夹中的目录。

到目前为止我已经尝试过以下操作：

1. 删除 package-lock.json 和 node_modules 文件夹，然后使用 npm install 重新安装。
2. 重新启动我的电脑。
3. npm 安装反应脚本。

我想知道是否有人可以帮忙解决？

    node:internal/modules/cjs/loader:936
  throw err;
  ^

    Error: Cannot find module 'react'
    Require stack:
     - C:\Users\shane\AppData\Roaming\npm\node_modules\react-scripts\scripts\start.js
        at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
        at Function.resolve (node:internal/modules/cjs/helpers:108:19)
        at Object.<anonymous> (C:\Users\shane\AppData\Roaming\npm\node_modules\react-scripts\scripts\start.js:52:31)
        at Module._compile (node:internal/modules/cjs/loader:1101:14)
        at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
        at Module.load (node:internal/modules/cjs/loader:981:32)
        at Function.Module._load (node:internal/modules/cjs/loader:822:12)
        at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
        at node:internal/main/run_main_module:17:47 {
      code: 'MODULE_NOT_FOUND',
      requireStack: [
        'C:\\Users\\shane\\AppData\\Roaming\\npm\\node_modules\\react-scripts\\scripts\\start.js'
      ]
    }

包.json

    {
  "name": "faucet", …

正如标题所述，我试图使用 Tailwind CSS 使父 div 中的 div 跨列对齐。但是，由于上传到每列的图像大小不同，它们没有对齐。我不想调整图像大小。我用红色圈出了我想要在底部对齐的 div。Github 仓库

我尝试过此处引用的不同设置

我想要对齐的特定子 div 来自<div className="p-4 bg-black">

我想知道是否有人可以提供帮助？

return (
<div className="flex justify-end">
  <div className="px-4" style={{ maxWidth: '1600px' }}>
    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 pt-4">
      {
        nfts.map((nft, i) => (
          <div key={i} className="border shadow rounded-xl overflow-hidden">
            <img src={nft.image} />
            <div className="p-4">
              <p style={{ height: '64px' }} className="text-2xl font-semibold">{nft.name}</p>
            <div style={{ height: '70px', overflow: 'hidden' }}>
              <p className="text-gray-400">{nft.description}</p>
              </div>
            </div>
            <div className="p-4 bg-black">
              <p className="text-2xl mb-4 font-bold text-white">{nft.price} …