React：找不到模块'./WebpackMissingModule'

Question

我目前正在尝试使用React，我在尝试导出组件时遇到了一些问题。

我当前的index.js文件如下：

import React from 'react';
import ReactDOM from 'react-dom';

import SearchBar from './components/search_bar';

const API_KEY = '...';

//Create a new component. It should output some html
const App = function(){
    return <div>
        <SearchBar />
    </div>;
}

ReactDOM.render(<App />, document.querySelector('.container'));

我的search_bar.js文件：

import React from 'react';

const SearchBar = function(){
    return <input />;
};

export default SearchBar;

我的当前文件结构可以在下图中看到：

问题是我无法导入SearchBar元素。我有错误可以在图像上看到：

Cannot Find module './WebpackMissingModule'

有关可能导致此问题的任何想法吗？

Answer 1

我也对此感到困惑，但刷新浏览器已为我修复。

Answer 2

似乎在询问此解决方案是否有帮助之前已经询问了问题：

Webpack Missing Module 'Module Not Found'

https://github.com/proj4js/proj4js/issues/214

npm install --save-dev npm-install-webpack-plugin

通常我表演 npm install name_of_module --save

古德勒克