У меня проблема с компиляцией реагирующего приложения. Модуль не нашел и ошибка была.
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
?
Спасибо
Он не позволяет импортировать по относительному пути вне папки src. Это была ошибка: относительный импорт вне src/ не поддерживается.
Ваш импорт имеет неверный путь в зависимости от структуры вашей папки.
Путь должен быть:
import MyInfo from './../components/MyInfo'
Спасибо @sthotakura. Ошибка: относительный импорт вне src/ не поддерживается. Есть ли способ импортировать MyInfo вне или внутри папки src?
Вы можете проверить этот отвечать
Спасибо за помощь. Это работает. Простите за поздний ответ.
Вы должны изменить путь импорта MyInfo: импортировать MyInfo из '../components/MyInfo'