Question

我在编译React应用时遇到问题。找不到模块，错误是。

Module not found: Can't resolve './components/MyInfo' in 'c:\xampp\htdocs\reactjs\src'

这是项目的文件结构。

reactjs
 |- git
 |   L ...
 |- components 
 |   L MyInfo.js 
 |- node_modules
 |- public 
 |   L index.html ...     
 |- src
 |    L index.js

这是我的包含JSX的文件，文件名：index.js

import React from 'react'
import ReactDOM from 'react-dom'

import MyInfo from './components/MyInfo'


ReactDOM.render(
    <MyInfo />,
    document.getElementById('root')
);

这是我包含该功能的文件。路径和文件名：reactjs/components/MyInfo.js

import React from 'react'

function MyInfo() {
    return (
        <div>
            <h1>J2</h1>
            <p>I am a gamer</p>
            <ul>
                <li>Tokyo Japan</li>
                <li>Ontario Canada</li>
                <li>Beijing China</li>
            </ul>
        </div>
    )
}

export default MyInfo

如何找到component/MyInfo.js？

谢谢

Answer 1

根据您的文件夹结构，您的导入路径不正确。

路径应为：

import MyInfo from './../components/MyInfo'

编译失败：找不到模块：无法解析'c：\ xampp \ htdocs \ reactjs \ src'中的'./components/MyInfo'

1 个答案: