2017-09-01 524 views
0

我目前正在对React进行第一步操作,并且在尝试导出组件时遇到了一些问题。反应:无法找到模块'./WebpackMissingModule'

我现在的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; 

我现在的文件结构可以如下图中可以看出:

enter image description here

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

Cannot Find module './WebpackMissingModule' 

有什么想法可能会导致此问题?

回答

0

似乎问题以前看到有人问这个解决方案可以帮助:

Webpack Missing Module 'Module Not Found'

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

NPM安装--save-dev的NPM-安装-的WebPack-插件

一般我执行 npm install name_of_module --save

goodluck

+0

我做了npm安装,但仍然有相同的错误。 –

+0

第一个链接“Webpack Missing Module”模块未找到“”值得尝试弄清楚。 请确认尝试过他们的解决方案。 –