当我尝试将项目上传到 varcel 时出现构建错误

【问题标题】：Getting Build error when i try to upload project to varcel当我尝试将项目上传到 varcel 时出现构建错误
【发布时间】：2020-09-24 17:40:17
【问题描述】：

对不起，我删除了我之前的帖子，因为导入时的图像名称和名称不同。我解决了这个问题，但我仍然得到了

ModuleNotFoundError: Module not found: Error: Can't resolve '../../public/assets/images/banner/bannerimg2.png' in '/vercel/1aa39631/containers/banner'


import React from 'react';
import { Container, Row, Col } from 'reactstrap';
import {Button} from '../../components/common/button';
import { Titlespan, Description } from '../../components/common/title/index';
import Image from '../../components/common/image/index';
import BannerImg1 from '../../public/assets/images/banner/bannerimg2.png';
import BannerBackgroundImages from '../../data/bannerimages';
import Shape2 from '../../public/assets/images/banner/bg-wave.svg';
import Shape3 from '../../public/assets/images/banner/wave.png';
import './banner.scss';

【问题讨论】：

标签： reactjs next.js vercel

【解决方案1】：

public（位于项目根目录）文件夹是用于存储静态文件（图像、css、字体）的特殊文件夹

您可以将公共文件夹中的这些静态文件嵌入到公共元素中：<img src=...、<link href=...

例如

public
  static
    images
      logo.png
    css
      custom.css

// In your components, remove the "public", use the child path
<img src="/static/images/logo.png />
<link href="/static/css/custom.css />

详情请见https://nextjs.org/docs/basic-features/static-file-serving

在您的情况下，您想要导入 SVG 文件，让我们将它们移动到与 public 文件夹不同的另一个文件夹并更改旧的导入路径

【讨论】：