рд╢реАрд░реНрд╖рдХ рдХреЗ рд░реВрдк рдореЗрдВред
рдЦреБрдж рдХреА рдЧрд▓рддреА
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'
}
]
}
}
рдХреНрд░рд┐рдПрдЯ-рд░рд┐рдПрдХреНрд╢рди-рдРрдк рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░реЗрдВ рдФрд░ рдРрдк рдмрдирд╛рдПрдВред
$ npm install create-react-app -g
$ create-react-app myapp
рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рджрд░реНрдЬ рдХрд░реЗрдВред
$ cd myapp
рдбреАрд╡реАрдП рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВред
$ 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
рдЗрд╕ рдмрд┐рдВрджреБ рдкрд░, рдкрд░реНрдпрд╛рд╡рд░рдг рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдкреВрд░рд╛ рд╣реЛ рдЧрдпрд╛ рд╣реИ, рдФрд░ рдлрд┐рд░ рдЖрдк рдореЙрдбрд▓, рд░рд╛рдЙрдЯрд░ рдЖрджрд┐ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред
рдореБрдЭреЗ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдирд╛рдорд╕реНрдерд╛рди рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
dva рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдХреЛ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП create-react-app рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ
рдХреНрд░рд┐рдПрдЯ-рд░рд┐рдПрдХреНрд╢рди-рдРрдк рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░реЗрдВ рдФрд░ рдРрдк рдмрдирд╛рдПрдВред
рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рджрд░реНрдЬ рдХрд░реЗрдВред
рдбреАрд╡реАрдП рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВред
рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ
src/index.js
, рдЗрд╕рдХреЗ рд╕рд╛рде рдмрджрд▓реЗрдВ:рдЖрд╡реЗрджрди рд╢реБрд░реВ рдХрд░реЗрдВред
рдЗрд╕ рдмрд┐рдВрджреБ рдкрд░, рдкрд░реНрдпрд╛рд╡рд░рдг рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдкреВрд░рд╛ рд╣реЛ рдЧрдпрд╛ рд╣реИ, рдФрд░ рдлрд┐рд░ рдЖрдк рдореЙрдбрд▓, рд░рд╛рдЙрдЯрд░ рдЖрджрд┐ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред