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>

重新訪問一次，終於可以用了！！！