1. class和for这两个属性,JSX语法最终是要被转换为纯Javascript的,所以要和在Javascript DOM中一样,用className和htmlFor。
2. 在创建HTML标准内的元素时,JSX转化器会丢弃那些非标准的属性,如果一定要添加自定义属性,那么需要在这些自定义属性之前添加data-前缀
【"JSX elements must be wrapped in an enclosing tag" 错误】
JSX语法规定,JSX必须要用一个enclosing tag包起来,注意,是一个,而且必须有闭合,比如<img />。
比如:
<div>
...这里写HTML语法
</div>
下面是错误的,因为是两个<div>了:
<div>123</div>
<div>234</div>
【想要把一些公共的JS放到modules文件夹外,供其他项目使用,但babel-loader只能对modules文件夹里的有效】
配置webpack.config.js的module.loaders时,添加exclude,如:
module: { loaders: [ { test: /\.js$/,loader: 'babel-loader',exclude: /(node_modules|bower_components|ppaweb\\libs\\webpack)/ },{ test: /\.less$/,loader: 'style-loader!css-loader!less-loader' },// use ! to chain loaders { test: /\.css$/,loader: 'style-loader!css-loader' },{test: /\.(png|jpg)$/,loader: 'url-loader?limit=8192'} // inline base64 URLs for <=8k images,direct URLs for the rest ] }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。