Question

当我使用

时

import React from 'react';
import ReactDOM from 'react-dom';
require('./styles.css');
import App from './components/App';
import Test from './components/Test';

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

webpack在app组件中找到了Test模块：

import React from 'react';
import Test from './components/Test';

export class App extends React.Component {
  render() {
    return (
      <div className='container'>
        <Test />
     </div>
    )
  }
}

导入测试不起作用它说： ./src/components/App.js中的错误找不到模块：错误：无法解析'./components/Test'

当我使用require

时，它可以正常工作

var Test = require('./Test');

Answer 1

您从错误的目录导入。通过查看您的第一个代码，您可以在同一col1 col2 col3 1 aaa 대전11 b1 2 bb 서울21 b2 3 ccc 부산갑 b3目录中同时拥有App和Test。出现此错误的原因是导入在components文件夹中查找components文件夹。因此，如果您希望将其导入App，则应指定当前文件夹的相对路径。即）components

在App类或App.js文件中尝试此操作

./

导入在子文件夹中不起作用

1 个答案: