使用webpack打包react项目中遇到的问题(二)
来源:互联网 发布:车范根数据 编辑:程序博客网 时间:2024/06/06 18:26
问题三:外部扩展库中React is not defined
原因:不小心把react写在了配置文件的extenal中
module.exports = { entry: __dirname + '/src/ManageSystem.js', output: { path: __dirname + '/build', filename: "bundle.js" }, externals: { 'react': 'React'//这里错误 改成jquery等外部库或者删掉即可 }, devtool: 'eval-source-map', //生成source file module: { loaders: [{ test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader', query: { presets: ['es2015', 'react'] } }] }};
问题四:webpack-dev-server命令执行成功,但是网页没有及时刷新
原因:html中引用bundle.js时写的路径不在根目录下
<script src="build/bundle.js"></script>
而webpack-dev-server解析成功的文件输出在根目录下
解决方法:修改引入文件路径为
<script src="/bundle.js"></script>//或者<script src="http://localhost:8080/bundle.js"></script>
webpack-dev-server与webpack编译文件输出不一致,这也是使用webpack-dev-server调试修改文件后,在没有webpack编译之前本地查看仍然停留在之前版本的原因。
问题五:报错 _react2.default.findDOMNode is not a function
解决方法:
将let tips = React.findDOMNode(this.refs.tipsUnDone);
中的React改为
let tips = ReactDom.findDOMNode(this.refs.tipsUnDone);
阅读全文
0 0
- 使用webpack打包react项目中遇到的问题(二)
- 使用webpack打包react项目中遇到的问题(一)
- webpack+react+antd项目编写过程中遇到的问题
- webpack打包react和过程遇到的问题
- webpack打包react项目
- 针对 webpack + es6 + react 安装使用及其遇到的问题!
- webpack react antd遇到的问题
- 使用react.js中遇到的问题
- 解决react+webpack 打包后文件过大的问题
- react打包过程遇到的问题
- react中遇到的问题
- webpack 打包 + es6 + react入门(一)webpack打包
- 使用Ant自动打包项目遇到的一个问题,备案!
- webpack使用过程中遇到的错误
- react项目遇到问题
- Android Studio中使用过程中遇到的问题(二)--SVN的安装与使用以及关联本地项目
- 记录在使用react-native-echarts中遇到的问题
- react-native 新建项目遇到的问题
- 第7周 Climbing Stairs
- JSON对象属性名与属性值的提取
- 个税计算器
- CODE[VS] 1105 过河 状态压缩DP
- 求两个单链表是否相交(包括环的问题)
- 使用webpack打包react项目中遇到的问题(二)
- 4-1 复数类的运算符重载
- 系统日志
- Java通过Executors提供四种线程池
- JAVA代理模式
- windows32位安装xampp,apache无法启动
- 创建 pod 库的子库
- yii 2.0 admin和角色控制组件
- JAVA调用Rest服务接口