使用webpack打包react项目中遇到的问题(二)
2017-10-16 17:03
871 查看
问题三:外部扩展库中React is not defined
原因:不小心把react写在了配置文件的extenal中
问题四:webpack-dev-server命令执行成功,但是网页没有及时刷新
原因:html中引用bundle.js时写的路径不在根目录下
而webpack-dev-server解析成功的文件输出在根目录下
解决方法:修改引入文件路径为
webpack-dev-server与webpack编译文件输出不一致,这也是使用webpack-dev-server调试修改文件后,在没有webpack编译之前本地查看仍然停留在之前版本的原因。
问题五:报错 _react2.default.findDOMNode is not a function
解决方法:
将
原因:不小心把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);
相关文章推荐
- 使用webpack打包react项目中遇到的问题(一)
- webpack打包项目教程(还是遇到了打包后背景图片不显示的深坑以及html中的img不显示的问题,爬了一天多才豁然开朗)
- webpack+react+antd项目编写过程中遇到的问题
- webpack打包react和过程遇到的问题
- webpack打包遇到locals[0] does not appear to be a `module` object with Hot Module replacement API enabled. You should disable react-transform-hmr in production by using `env` section in Babel configuration
- 关于Jenkins使用Gradle对android项目打包遇到的问题总结
- 使用webpack打包的后,公共请求路径的配置问题
- 解决react+webpack 打包后文件过大的问题
- 如何使用webpack打包vue项目?
- 14.如何解决使用webpack打包之后,font-awsome路径不对的问题,终极解决方法
- 使用vue-lazyload解决Vue+Webpack项目的图片加载问题
- 使用ant对项目进行多渠道打包时遇到问题记录
- vue2.0 使用webpack搭建项目遇到的最搞笑的坑
- 使用Maven构建web项目遇到的一些问题
- Spring集成React用来开发前端----maven项目中用webpack打包react相关组件
- Echart在使用webpack打包之后,IE10+中无法渲染的问题
- mac 使用MyEclipse时遇到无法创建web项目问题解决方法
- 【Maven】—使用Idea创建maven webapp项目遇到的问题总结
- Webpack入门——使用Webpack打包Angular项目的一个例子