ReactJS & antd 环境中项目运行时错误总结
2017-12-05 16:44
766 查看
一、webpack打包时报错: Import in body of module; reorder to top import/first
解决方法:
import 必须在其它所有业务代码前面,检查“ ./src/form/form.js ”是否是const语句在import语句前。
二、 在项目中使用箭头函数,webpack时显示错误
解决办法:
在 class 中使用state = {}这种给属性赋值的语法是比较新的 ES 语法,需要安装 babel 相关插件。
先安装这四个插件
npm install babel-preset-es2015 --save-dev npm install babel-preset-react --save-dev npm install babel-preset-stage-0 --save-dev npm install babel-plugin-transform-class-properties --save-dev
在项目的根目录下添加.babelrc 文件,文件内容是:
{ presets: [ "react","es2015","stage-0"], "plugins": ["transform-class-properties"] }
在webpack.config.js中添加配置
module: { loaders: [ {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0'} ] }
三、 使用antd Mobile 组件并在其添加 input 时,浏览器报错:
index.js:2177Warning: Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.
ad97
解决方法 : 把input的 value 属性换成 defaultValue 属性;
四、项目中使用map循环遍历数组并输出数组内容,浏览器报错:
Warning: Each child in an array or iterator should have a unique "key" prop.
解决方法:在循环体内加key值;
相关文章推荐
- ReactJS & antd 环境中项目上传图片后压缩(lrz的使用)
- react-native学习(RN)--之Window环境下搭建环境配置,以及初始化建立react-native项目,(真机和模拟器运行的相关错误解决办法,android打包报错)
- xen 运行错误总结
- 工具使用:在centOS6上部署运行reactjs+antd+dva
- idea创建gradle项目失败 运行环境上下文不一致导致的错误
- React环境搭建之二:node.js & npm安装
- Eclipse&JavaEE之中的引入项目运行错误问题
- centos shell基础 alias 变量单引号 双引号 history 错误重定向 2>&1 jobs 环境变量 .bash_history source配置文件 nohup & 后台运行 cut,sort,wc ,uniq ,tee ,tr ,split, paste cat> 2.txt <<EOF 通配符 glob模式 发邮件命令mail 2015-4-8 第十二节课
- IOS 搭建React.js环境并运行
- react-native总结之项目开发环境创建
- JS:《Microsoft JScript 运行时错误: 缺少 '}'》解决方案
- spring boot 项目 eclipse 环境下解决 Exception in thread "http-nio-9001-exec-9" 错误
- ReactJS & dva 项目常见报错问题与解决方法 (react-router 4)
- webpack & react项目搭建一:环境
- js事件处理程序的运行环境(改变attachEvent内部的this指向&封装兼容性的 addEvent方法)
- react-native总结之项目开发环境创建
- android-studio中运行项目出现 java.exe'' finished with non-zero exit value 2错误
- 前端浏览器辅助知识总结--渲染机制、JS运行机制、页面性能、错误监控
- React Native 环境搭建, 新建项目, 运行和调试
- maven运行项目出现编译环境的错误