当我使用
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
目录中同时具有Test
和components
。出现错误是因为您的导入在components
文件夹中寻找了components
文件夹。因此,如果您希望将其导入到App中,则应指定当前文件夹中的相对路径。即./
在您的App类或App.js文件中尝试
import Test from './Test';