JavaScript не может разрешить модуль (не найден) в React.js

Не удается разрешить модуль (не найден) в React.js

То, как мы обычно используем import , основано на относительном пути.

. и .. аналогичны тому, как мы используем навигацию в terminal например cd .. чтобы выйти из каталога и mv ~/file . переместить file в текущий каталог.

 my-app/ node_modules/ package.json src/ containers/card.js components/header.js App.js index.js 

В вашем случае App.js находится в каталоге src/ а header.js в header.js src/components . Чтобы import вы должны сделать import Header from './components/header' . Это примерно перевод в мой текущий каталог, найти папку компонентов, которые содержат файл заголовка.

Теперь, если из header.js вам нужно import что-то с card , вы сделаете это. import Card from '../containers/card' . Это переводить, выходить из моего текущего каталога, искать контейнеры с именами папок, которые имеют файл карты.

Что касается import React, { Component } from 'react' , он не начинается с ./ или ../ или / поэтому узел будет искать модуль в node_modules в определенном порядке, пока не будет найден react node_modules . Для более детального понимания, это можно прочитать здесь .

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector