阵营路由器无法解析模块

Question

得到这个错误...

编辑routes.js以反映变化

ERROR in ./app/config/routes.js Module not found: Error: Cannot resolve module 'react-rounter' in /Users/sam/Desktop/battle/app/config @ ./app/config/routes.js 2:19-43

我的WebPack和反应 - 反应-DOM - 反应 - 路由器 - 巴贝尔等所有安装到我的npm包中。当我运行npm时，我得到了上述错误。这里是我的package.json /的WebPack配置/ router.js文件

的package.json

{ 
    "name": "battle", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "production": "webpack -p", 
    "start": "webpack-dev-server" 
}, 
"author": "Sam Schaefer <[email protected]>", 
"license": "ISC", 
"dependencies": { 
"react": "^15.4.0", 
"react-dom": "^15.4.0", 
"react-router": "^3.0.0" 
}, 
    "devDependencies": { 
    "babel-core": "^6.18.2", 
    "babel-loader": "^6.2.8", 
    "babel-preset-react": "^6.16.0", 
    "html-webpack-plugin": "^2.24.1", 
    "webpack": "^1.13.3", 
    "webpack-dev-server": "^1.16.2" 
} 
} 

webpack.config

var HtmlWebpackPlugin = require('html-webpack-plugin') 
var HTMLWebpackPluginConfig = new HtmlWebpackPlugin({ 
    template: __dirname + '/app/index.html', 
    filename: 'index.html', 
    inject: 'body' 
}); 

module.exports = { 
    entry: [ 
    './app/index.js' 
    ], 
    output: { 
    path: __dirname + '/dist', 
    filename: "index_bundle.js" 
    }, 
    module: { 
    loaders: [ 
     {test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"} 
    ] 
    }, 
    plugins: [HTMLWebpackPluginConfig] 
}; 

routes.js

var React = require('react'); 
var ReactRouter = require('react-router'); 
var Router = ReactRouter.Router; 
var Route = ReactRouter.Route; 
var IndexRoute = ReactRouter.IndexRoute; 
var Main = require('../components/Main'); 
var Home = require('../components/Home'); 


var routes = (
    <Router> 
     <Route path='/' component={Main}> 
      <Route path='/home' component={Home} /> 
     </Route> 
    </Router> 
); 


module.exports = routes; 

感谢任何帮助

Answer 1

错误点发出：

ERROR in ./app/config/routes.js Module not found: Error: Cannot resolve module 'react-rounter' in /Users/sam/Desktop/battle/app/config @ ./app/config/routes.js 2:19-43

在你routes.js文件：

react-rounter 
     ^--- this is probasbly the issue. 

难道不应该是 'react- 路由器'？改正你的routes.js文件中的错字，你应该很好。