加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react Cannot GET /

发布时间:2020-12-15 07:14:50 所属栏目:百科 来源:网络整理
导读:如果是路由都配置好了,也没有报其他的编译错误,如下: import dva,{ connect } from 'dva' ; import { Router,Route } from 'dva/router' ; import React from 'react' ; import styles from './index.less' ; import key from 'keymaster' ; const app =

如果是路由都配置好了,也没有报其他的编译错误,如下:

import dva,{ connect } from 'dva';
import { Router,Route } from 'dva/router';
import React from 'react';
import styles from './index.less';
import key from 'keymaster';

const app = dva();

app.model({
  namespace: 'count',state: {
    record: 0,current: 0,},reducers: {
    add(state) {
      const newCurrent = state.current + 1;
      return { ...state,record: newCurrent > state.record ? newCurrent : state.record,current: newCurrent,};
    },minus(state) {
      return { ...state,current: state.current - 1};
    },effects: {
    *add(action,{ call,put }) {
      yield call(delay,1000);
      yield put({ type: 'minus' });
    },subscriptions: {
    keyboardWatcher({ dispatch }) {
      key('?+up,ctrl+up',() => { dispatch({type:'add'}) }); },}); const CountApp = ({count,dispatch}) => {
  return (
    <div className={styles.normal}>
      <div className={styles.record}>Highest Record: {count.record}</div>
      <div className={styles.current}>{count.current}</div>
      <div className={styles.button}>
        <button onClick={() => { dispatch({type: 'count/add'}); }}>+</button>
      </div>
    </div>
  );
};


// Helpers

function delay(timeout){
  return new Promise(resolve => {
    setTimeout(resolve,timeout);
  });
}

function mapStateToProps(state) {
  return { count: state.count };
}
const HomePage = connect(mapStateToProps)(CountApp);
// const HomePage = () => <div>Hello Dva.</div>;



app.router(({history}) => <Router history={history}> <Route path="/" component={HomePage} /> </Router> ); // --------- app.start('#root');

那就说明你没有把 index.html 文件引入进来,加上 import ‘./index.html’; 这句话就好了

import dva,Route } from 'dva/router';
import React from 'react';
import styles from './index.less';
import key from 'keymaster';
import './index.html';

const app = dva();

app.model({
  namespace: 'count',timeout);
  });
}

function mapStateToProps(state) {
  return { count: state.count };
}
const HomePage = connect(mapStateToProps)(CountApp);
// const HomePage = () => <div>Hello Dva.</div>;



app.router(({history}) => <Router history={history}> <Route path="/" component={HomePage} /> </Router> ); // --------- app.start('#root');

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读