javascript - 找不到模块 :Can't resolve './components/counter' in 'C:/...demo\counter-app\src'

Question

我对 React 完全陌生，我正在 YouTube 上学习教程(使用 MOSH 编程)，但我遇到了这个错误，在找到类似问题后无法解决。

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import "bootstrap/dist/css/bootstrap.css";
import Counter from './components/counter';
//import * as Counter from './components/counter';   //tried this method too

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

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.

serviceWorker.unregister();

计数器.jsx

import React, { Component } from 'react';

class Counter extends Component {

    render() {
        return <h1> Hello world</h1>;
    }
}

export default Counter;

在命令提示符下，我在删除 package-lock.json 后完成了 npm install 和 npm start 但仍然出现相同的错误

文件夹结构

提前致谢。

Answer 1

将您的组件文件夹移至 SRC 内，这将修复该问题