
编译正常的,但浏览器一直报这个错,请教
webpack.config.js
module.exports={
entry:"./entry.js",
output:{
filename:"bundle.js"
},
module:{
loaders:[
{
test:/\.js$/,
loader:'babel-loader?presets[]=es2015&presets[]=react',
exclude:/node_modules/
}
]
}
}
entry.js
import React from "react";
import {render} from "react-dom";
import {Router,Route,browserHistory,IndexRoute} from "react-router";
import app from "./modules/app";
import about from "./modules/about";
import repos from "./modules/repos";
render(
,
document.getElementById('app')
)
app.js
import React from "react";
import NavLink from "./NavLink";
export default React.createClass({
render(){
return (
react
about
repos
)
}
})
about.js
import React from "react";
export default React.createClass({
render(){
return (
about
)
}
})
repos.js
import React from "react";
export default React.createClass({
render(){
return (
repos
)
}
})
NavLink.js
import React from "react";
import {Link} from "react-router";
export default React.createClass({
render(){
return (
)
}
})
index.html
Title
style.css
.active{
color:red;
}
package.json
{
"name": "router",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-core": "^6.22.1",
"babel-loader": "^6.2.10",
"babel-preset-es2015": "^6.22.0",
"babel-preset-react": "^6.22.0",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-router": "^3.0.2",
"webpack": "^2.2.1"
}
}
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
browserHistory换成hashHistory就解决了,要么开服务器
访问的地址是
/index.html?因为你的path里并没有这一层呀,所以报错了试试这样?