Dva: dora 없이 개발 환경을 구성하는 방법

자신의 잘못

browser.js?add8:40    Uncaught Invariant Violation: app.model: namespace should be defined

// .babelrc
{
  "presets": ["react", "es2015","stage-1"],
  "plugins": [
    ["transform-runtime", {
      "polyfill": false,
      "regenerator": true
    }]
  ]
}

var webpack = require('webpack');
module.exports = {
  entry:  __dirname + "/src/index.js",
  output: {
    path: __dirname + "/dist",
    filename: "index.js"
  },
  devtool: 'eval-source-map',
  devServer: {
    contentBase: "./src",
    colors: true,
    historyApiFallback: true,
    inline: true,
    // hot: true
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.json$/,
        loader: "json"
      },
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        loader: 'babel',
      },
      {
        test: /\.(css|less)$/,
        loader: 'style!css?modules'
      }
    ]
  }
}

用create-react-app ?

create-react-app 을 사용하여 dva 애플리케이션 개발

create-react-app을 설치하고 앱을 만듭니다.

$ npm install create-react-app -g
$ create-react-app myapp

프로젝트 디렉토리를 입력합니다.

$ cd myapp

dva를 설치합니다.

$ npm install dva --save

src/index.js 편집:

import React from 'react';
import dva from 'dva';
import App from './App';
import './index.css';

const app = dva();
app.router(() => <App />);
app.start('#root');

응용 프로그램을 시작합니다.

$ npm start

이 시점에서 환경 구성이 완료되고 모델, 라우터 등을 추가할 수 있습니다.

동일한 문제가 있습니다. 네임스페이스를 정의해야 합니다.