Модуль не найден: Не удается разрешить './components/counter.jsx' - Почему это не скомпилируется?

Question

После программирования с помощью учебника по React от Mo sh и после установки всего этого, после установки всего, застряли на этом, bootstrap, popper, et c. Удаленный пакет json блокировка и двойная проверка орфографии. По какой бы то ни было причине, она не компилируется, и я каждый раз получаю одну и ту же ошибку:

"Module not found: Can't resolve './components/counter.jsx'

Изображение моего терминала и vscode Изображение моих ошибок в dev tools

Я действительно застрял в этой части и мог бы помочь выяснить, в чем проблема.

import React, { Component } from "react";

class Counter extends Component {
  state = {};
  render() {
    return <h1>Hello World</h1>;
  }
}

export default Counter;

Answer 1

При импорте компонентов и других javascript модулей не следует указывать расширение файла. Попробуйте удалить .jsx из импорта, чтобы оно гласило:

import Counter from "./components/counter";