在學(xué)習(xí)react，redux等知識(shí)，寫了一個(gè)簡(jiǎn)單的404頁面，如下

NonExistent.js

import React from 'react';

function NonExistent(props) {

    return (
        <div>
            error
        </div>
    )
}

export default NonExistent

調(diào)用的時(shí)候用了Route

App.js

import { Route, Link, withRouter, Switch, Redirect } from 'react-router-dom';
...
<Switch>
...
    <Route exact path={/error} component={NonExistent} />
...
</Switch>

這樣是可以在切到/error路徑時(shí)正常顯示頁面的。

然后我聽說了有React.Fragment的用法，于是把頁面改成
NonExistent.js

import React from 'react';

function NonExistent(props) {

    return (
        <React.Fragment>
            error
        </React.Fragment>
    )
}

export default NonExistent

切到/error路徑時(shí)，就報(bào)錯(cuò)了

React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

莫非是和Route結(jié)合了不能使用這個(gè)語法？
或者是我寫錯(cuò)了什么？
我用google和火狐瀏覽器都是這個(gè)錯(cuò)誤。求指點(diǎn)。