layui单选框未显示的问题

大家好，又见面了，我是你们的朋友全栈君。

一开始还没导入idea的时候，单纯点击一个网页是有显示出来的，当我把这个带有单选框的网页放到idea的项目中去的时候，发现单选框没显示出来。
1.首先在确认js.css等东西有导入，和之前的网页也没有什么区别
2.网上查询之后，
解释：有些时候，你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制， 但没有关系，你只需要执行 form.render(type, filter); 方法即可。

layui.use(‘form’,function(){

var form = layui.form;
form.render();
});

参考博客
https://www.jb51.net/article/170881.htm

但是加了上述的代码之后，问题还没解决

3.当我在谷歌浏览器上访问该页面的时候，
报了一个错误信息

OTS parsing error: incorrect file size in WOFF header

4.接着我就上网上查这个信息
原因：网上说是由于使用 maven 的 resource 插件开启 filtering 功能后，会破坏有二进制内容的文件。
所以在maven加了以下配置：
参考文章：
http://www.bubuko.com/infodetail-2792982.html

<!--配置打包时字体文件不被maven拷贝，导致字体文件破坏-->
            <resource>
                <directory>src/main/resources</directory>
                <filtering>true</filtering>
                <includes>
                    <include>**/*.properties</include> <include>**/*.html</include>
                    <include>**/*.js</include> <include>**/*.css</include>
                    <include>**/*.xml</include> </includes> <excludes> <exclude>**/*.ttf</exclude>
                    <exclude>**/*.woff</exclude> </excludes> </resource> 

重新访问一次，终于可以用了！！！