react-router 報錯React.createElement: type is invalid ...解決方法

1. 這兩天一直在學習熟悉react-router

2.react-router  版本已經更新到4.1.1

3. 然后再做練習的時候就遇到了題目上的問題

解決問題：

01.找了 Stack Overflow 里面的問題 有的說在引入組件要這樣寫

import  * as  About  from './components'

02. 有的說引入組件這樣寫

import   {About} from './components'

 

03. 我最初的寫法

import   About from './components'

 

分析一下：

03.  這種寫法適合用 export default 導出的組件
02.  這種寫法適合module.exports = jgms 導出的組件
　　　就是說假設你有一個文件夾components ,這個文件夾下又有
     很多文件夾 裝的不同的組件，然后把這些組件統一導入到一個
     文件中，統一導出的時候，需要加上 {}，否則就會報題目的
　　  錯誤

然后我想起來我是用的 02 導出的組件 ，加上 大括號 就ok了

 

希望本文對你有所幫助