2017-09-01 525 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」模塊未找到「」值得嘗試弄清楚。 請確認嘗試過他們的解決方案。 –