dva使用yarn编译出错

1. 报错信息

./src/models/example.jsModule build failed: TypeError: /Users/user/Desktop/learn-code/10.React/01_dva-came/src/models/example.js: path.isPrivate is not a function at Array.forEach ()

只要启动项目,然后修改example代码,只要example发生改变就会报该错误,无论是添加注释还是产生新的换行

2.原始代码

// example.js

import { routerRedux } from "dva/router";
// routerRedux == connected-react-redux
function delay(ms) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve();
    }, ms);
  });
}

export default {
  namespace: "counter",
  state: {
    count: 1,
  },
  //ddd

  subscriptions: {
    setup({ dispatch, history }) {
      // eslint-disable-line
    },
  },

  effects: {
    *asyncAdd(action, { put, call }) {
      yield call(delay, 1000);

      yield put({ type: "counter/add" });
    },
    *goto({ payload }, { put }) {
      yield put(routerRedux.push(payload));
    },
  },

  reducers: {
    add(state, action) {
      console.log("state", state);

      return {
        count: state.count + 1,
      };
    },
  },
};

// index.js

import dva, { connect } from "dva";
import { Router, Route } from "dva/router";

import React from "react";
import "./index.css";
console.log("Router", Route);

// 1. Initialize
const app = dva();

// 2. Plugins
// app.use({});

// 3. Model
app.model(require("./models/example").default);

// 4. Router
// app.router(require("./router").default);
let Counter = connect((state) => state.counter)((props) => {
  let { count, dispatch } = props;
  console.log("count", props);

  return (
    <div>
      <p>{count}</p>
      <button
        onClick={() =>
          dispatch({
            type: "counter/add",
          })
        }
      >
        +
      </button>
      <button onClick={() => dispatch({ type: "counter/asyncAdd" })}>
        async +
      </button>
      <button onClick={() => dispatch({ type: "counter/goto", payload: "/" })}>
        goto /
      </button>
    </div>
  );
});
const Home = (props) => <div>home</div>;
app.router(({ history }) => (
  <Router history={history}>
    {/* Router 下面只能有一个元素  */}
    <React.Fragment>
      <Route path="/" exact component={Home} />
      <Route path="/counter" component={Counter} />
    </React.Fragment>
  </Router>
));

// 5. Start
app.start("#root");

3.最终查找原因

• 并没有找到具体是因为什么,猜测原因是使用了yarn 重新安装依赖导致
• 如果重新使用npm 安装依赖则恢复正常

++++++++++++++++++++++++++++++++++++++++++++++

经过测试发现,使用dva脚手架生成的项目如果后期使用了yarn安装依赖,就会导致出现该错误