reactjs - 我的自定义身份验证 react-router 路由有什么问题？

Question

不幸的是，我无法使用 react-router version 4 创建自定义路由.如果用户通过身份验证或在其他情况下将用户重定向到登录组件，我正在尝试构建呈现组件的路由。

我一直在使用 this documentation page开始。

const ProtectedRoute = ({component, ...rest}) => (
    <Route {...rest} render={props => false
        ? <Component {...props} />
        : <Redirect to={{pathname: '/login', state: {from: props.location}}}/>}
    />
);

我正在像这样使用这个 ProtectedRoute:

<ProtectedRoute exact path='/' component={testComponent}/>

当我运行它时，出现以下运行时错误:

Uncaught ReferenceError: __rest is not defined
    at ProtectedRoute (index.tsx:19)
    at ReactCompositeComponent.js:305
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:304)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:279)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:187)
    at Object.mountComponent (ReactReconciler.js:45)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:236)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:703)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:522)

这里有一些关于我正在使用的堆栈的更多信息:

• react 15.6.1
• react-router-dom 4.2.2
• typescript 2.5.2

为什么没有定义rest？我的自定义路由有什么问题？

提前致谢!

更新(最小示例)

可以找到问题的最小示例 here .要运行该示例，请执行以下步骤:

• 使用 yarn install 安装依赖项
• 使用 yarn dev 运行开发服务器
• 转到 http://localhost:8080

Answer 1

好的，我知道发生了什么。在您的 tsconfig.json 中，您声明了这条规则 "noEmitHelpers": true 告诉 typescript 编译器不要在您的输出中包含任何辅助函数，例如 __rest .这就是为什么你有 __rest is not defined 的运行时错误。将其更改为 false 应该可以解决您的问题。