如何解决错误“未找到模块：无法解析 'D:\libref\src' 中的 './undraw_Upload_image_re_svxx'”？答案

【问题标题】：How do I solve the error "Module not found: Can't resolve './undraw_Upload_image_re_svxx' in 'D:\libref\src'"?如何解决错误“未找到模块：无法解析 'D:\libref\src' 中的 './undraw_Upload_image_re_svxx'”？
【发布时间】：2021-07-30 13:49:31
【问题描述】：

我在一个 React 项目中使用了一个插图，它与 App.js 一起存储在 /src 中。我是这样导入的：

import Illustration from "./undraw_Upload_image_re_svxx";
...
function App() {
  ...
  return (
    ...
    <img src={Illustration}/>
  )
}

但是，我收到了这个错误：Module not found: Can't resolve './undraw_Upload_image_re_svxx' in 'D:\libref\src'。我可以将 SVG 复制到代码中，但这不是很美观。我该如何解决这个问题？

【问题讨论】：

您的自定义模块文件是否具有 .js 或 .jsx 之类的扩展名？请看一下这个帖子：stackoverflow.com/questions/41322867/…

标签： node.js reactjs

【解决方案1】：

在使用 CRA 构建的 React 项目中，.js 和 .jsx 等常见扩展名由 webpack 配置解析，因此在导入这些文件时，您可以删除扩展名部分。但是在这里，由于您尝试导入 svg 文件，因此您还必须在 import 语句中包含扩展部分。

import Illustration from "./undraw_Upload_image_re_svxx.svg";

【讨论】：