Dva: Como configurar um ambiente de desenvolvimento sem dora

Criado em 30 ago. 2016  ·  4Comentários  ·  Fonte: dvajs/dva

Como o título.

Comentários muito úteis

Use create-react-app para desenvolver aplicativos dva

Instale create-react-app e crie o aplicativo.

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

Entre no diretório do projeto.

$ cd myapp

Instale o dva.

$ npm install dva --save

Edite src/index.js , substitua por:

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

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

Inicie o aplicativo.

$ npm start

Neste ponto, a configuração do ambiente está concluída e você pode adicionar modelos, roteadores, etc.

Todos 4 comentários

própria culpa

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'
      }
    ]
  }
}

Use create-react-app para desenvolver aplicativos dva

Instale create-react-app e crie o aplicativo.

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

Entre no diretório do projeto.

$ cd myapp

Instale o dva.

$ npm install dva --save

Edite src/index.js , substitua por:

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

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

Inicie o aplicativo.

$ npm start

Neste ponto, a configuração do ambiente está concluída e você pode adicionar modelos, roteadores, etc.

Eu tenho o mesmo problema namespace deve ser definido

Esta página foi útil?
0 / 5 - 0 avaliações