找不到模块：无法解决 - 反应

Posted 2023-02-22

【中文标题】找不到模块：无法解决 - 反应

【英文标题】：Module not found: Can't resolve - React

【发布时间】：2020-10-08 21:13:39

【问题描述】：

我的 react 应用程序的相对路径有问题。看起来超级简单，但我已经仔细检查了所有内容，但仍然无法正常工作。

路径是 src > components(folder) > Navigation(folder) > navigation.js

终端提示：“编译失败。

./src/App.js 未找到模块：无法解析 '/Users/misbahhemraj/Desktop/facefind/src' 中的 './components/Navigation/navigation'"

这是我在 app.Js 中的代码：

    import React,  Component  from 'react';
import navigation from './components/Navigation/navigation';
import './App.css';


class App extends Component 
  render () 
    return (
    <div className="App">
        <navigation />
        /*<Logo />
        <ImageLinkForm />
        <FaceRecognition />*/
    </div>
  );



export default App;

这是我在 navigation.js 中的代码

    import React from 'react';

const Navigation = () => 
    return (
        <nav>
            <p> Sign Out </p>
        </nav>
    )



export default navigation;

我已尝试更改端口并更改 import 语句的语法，但无法使其正常工作。任何建议将不胜感激 - 非常感谢！

【问题讨论】：

好吧，你在navigation.js文件中打错了，你正在导出navigation，而组件名称是Navigation ，所以修复这个错字将消除你的错误

【参考方案1】：

查看您的导出组件名称，您有导航，并且您的组件名称是导航

import React from 'react';

const Navigation = () => 
    return (
        <nav>
            <p> Sign Out </p>
        </nav>
    )



export default Navigation;