在chrome调试器中报错如下,问题应该是不识别import。
4
476Uncaught ReferenceError: React is not defined//webpack.config.js
var path = require('path');
module.exports = {
entry: ['webpack/hot/dev-server',path.resolve(__dirname, 'app/main.js')],
output: {
path: path.resolve(__dirname, 'build'),
filename: 'bundle.js',
},
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['react', 'es2015']
}
}
]
}
};//无法识别React
import React from 'react';
export default class Hello extends React.Component {
render() {
return Hello w
;
}
}//package.json
{
"name": "reacttodo",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack",
"dev": "webpack-dev-server --devtool eval --progress --colors --hot --content-base build"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-core": "^6.9.0",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react": "^6.5.0",
"webpack": "^1.13.0"
},
"dependencies": {
"install": "^0.7.3",
"react": "^15.0.2",
"react-dom": "^15.0.2",
"webpack-dev-server": "^1.14.1"
}
}//index.html
Document
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
把你的HTML发出来， 看看bundle.js的引用
问题在
exclude: /node_modules/,这个，去掉就行了。react是作为npm模块加载的，你现在把node_modules忽略了，除非你自己手动配置react的查找路径，用alise项。