React create app-如何导入嵌套组件？

我正在使用React create应用程序，并且我了解如何将组件导入到名为app.js的主应用程序中。我不了解的是如何将组件导入组件，然后再导入app.js（嵌套组件）中。在我的app.js文件中，我有一个名为Portfolio的组件。在我的Portfolio.js文件中，我有一个名为语言的组件。甚至可以使用React create app嵌套组件吗？因为它似乎不起作用。

这是我尝试做的：

在我的app.js文件中：

import React from "react";
import logo from "./logo.svg";
import "./App.css";
import Portfolio from './components/portfolio';    
import "./css/styles.css"


function App() {
  return (
    <div className="App">
      <header>
      <h1>My beautiful title</h1>

      </header>
      <Portfolio />
    </div>
  );
}

export default App;

在我的Portfolio.js文件中：

 import React, {Component} from 'react';
import Language from './components/language';
class Portfolio extends Component {

      render() {

        return (
          <div className="portfolio">
         <Language/>
            <h1>My protfolio</h1>


          </div>
        );
      }
    }

    export default Portfolio;

在language.js中，我有：

import React, {Component} from 'react';

class Language extends Component {
  render() {
    return(
<div>Switch language</div>
      );
  }
}

export default Language;

在我的浏览器中，我不断收到以下错误：

“ ./src/components/portfolio.js找不到模块：无法解析'C：\ Users \ mluce \ exercice-react \ src \ components'中的'./components/language'

我的language.js文件肯定位于我的components文件夹中。我不明白为什么会收到此错误？