Question

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

路径为src>组件（文件夹）>导航（文件夹）> navigation.js

终端显示：“编译失败。

./ src / App.js 找不到模块：无法解析“ / Users / misbahhemraj / Desktop / facefind / src”中的“ ./components/Navigation/navigation””

这是我在应用程序中的代码。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语句的语法，但无法使其正常工作。任何建议将不胜感激-非常感谢！

Answer 1

查看您的导出组件名称，您有导航，而组件名称为Navigation

import React from 'react';

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


export default Navigation;

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

1 个答案: