Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack:依赖项的请求是一个表达式_Webpack_React Router - Fatal编程技术网

Webpack:依赖项的请求是一个表达式

Webpack:依赖项的请求是一个表达式,webpack,react-router,Webpack,React Router,我已经实现了React router 1.0,因为我已经实现了如下路由器 import React, { PropTypes, Component } from 'react'; import { Router, Route } from 'react-router'; import App from './App'; import RepoPage from './pages/RepoPage'; import UserPage from './pages/UserPage'; import

我已经实现了React router 1.0,因为我已经实现了如下路由器

import React, { PropTypes, Component } from 'react';
import { Router, Route } from 'react-router';

import App from './App';
import RepoPage from './pages/RepoPage';
import UserPage from './pages/UserPage';
import TaskList from './pages/TaskList';

var data=[{path:'/:UserPage/:Id',PageUrl:'./pages/UserPage'},
          {path:'/:RepoPage/:Id',PageUrl:'./pages/RepoPage'}
        ];
export default class Root extends Component {
  static propTypes = {
    history: PropTypes.object.isRequired
  }

  render() {
    const { history } = this.props;
    const ts=Object.keys(data).map(function(d){
        return(
             <Route path={data[d].path} component={require(data[d].PageUrl)} />
          );
       });
    return (
      <Router history={history}>
        <Route  path='/' component={TaskList}>
        </Route>
        <Route>
           {ts}
        </Route>
      </Router>
    )
  }
}
import React,{PropTypes,Component}来自'React';
从“react Router”导入{Router,Route};
从“./App”导入应用程序;
从“./pages/RepoPage”导入RepoPage;
从“./pages/UserPage”导入UserPage;
从“./pages/TaskList”导入任务列表;
var data=[{path:'/:UserPage/:Id',PageUrl:'./pages/UserPage'},
{path:'/:RepoPage/:Id',PageUrl:'./pages/RepoPage'}
];
导出默认类根扩展组件{
静态类型={
历史记录:PropTypes.object.isRequired
}
render(){
const{history}=this.props;
const ts=Object.keys(数据).map(函数(d){
返回(
);
});
返回(
{ts}
)
}
}
正如您在我的代码中看到的,我正在创建一个变量ts,并在render return函数中使用该变量,如果我像这样使用它,它会像这样给我警告

Webpack:依赖项的请求是一个表达式

如果我会评论ts implementation代码,那么它不会给出任何警告。 谁能告诉我它有什么问题吗

您是否尝试升级到react路由器2?