React Create App嵌套组件导入报错：路径解析失败问题咨询

安全阿岳

2026-5-6

问题分析与解决方案

你的问题出在组件导入的相对路径错误上，让我们一步步解决它：

为什么会报错？

从错误信息能看到，portfolio.js 位于 C:\\Users\\mluce\\exercice-react\\src\\components 目录下，而你在 portfolio.js 里写的导入路径是 ./components/language——这相当于让 React 去寻找：
C:\\Users\\mluce\\exercice-react\\src\\components\\components\\language.js
显然这个路径不存在，因为 language.js 和 portfolio.js 是同级文件，都在 components 文件夹里。

修改后的代码

把 portfolio.js 里的导入语句改成下面这样即可：

import React, {Component} from 'react';
// 直接用同级相对路径导入
import Language from './language';
class Portfolio extends Component {
  render() {
    return (
      <div className="portfolio">
        <Language/>
        <h1>My protfolio</h1>
      </div>
    );
  }
}
export default Portfolio;

补充：React 相对路径的核心规则

./ 代表当前文件所在的目录
../ 代表当前目录的上一级目录
你从 App.js 导入 Portfolio 时用 ./components/portfolio 是正确的，因为 App.js 在 src 目录，components 是 src 的子目录。