当我使用

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在应用程序组件中找到了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');

最佳答案

您从错误的目录导入。通过查看第一个代码,您在同一App目录中同时具有Testcomponents。出现错误是因为您的导入在components文件夹中寻找了components文件夹。因此,如果您希望将其导入到App中,则应指定当前文件夹中的相对路径。即./

在您的App类或App.js文件中尝试

import Test from './Test';

09-10 10:34
查看更多