Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 字体5中的dom.i2svg()不工作_Javascript_Node.js_Rollupjs_Font Awesome 5_Parceljs - Fatal编程技术网

Javascript 字体5中的dom.i2svg()不工作

Javascript 字体5中的dom.i2svg()不工作,javascript,node.js,rollupjs,font-awesome-5,parceljs,Javascript,Node.js,Rollupjs,Font Awesome 5,Parceljs,我试图创建一个子集,只有字体可怕的图标,我们正在使用我们的一个网站上使用这个,并有它的工作 虽然捆绑包的大小减小了,但字体可怕的脚本似乎正在减慢站点的速度。我认为这是由于dom.watch()函数观察页面的变化。不会发生任何更改,而且会有很多DOM节点,所以实际上,我只希望在页面加载后设置图标 从文档中,我假设可以调用dom.i2svg(),但这会导致浏览器中出现错误:“dom.i2svg()未定义” 当我使用dom.watch()时会显示图标,当我使用console.log(dom)时会显

我试图创建一个子集,只有字体可怕的图标,我们正在使用我们的一个网站上使用这个,并有它的工作

虽然捆绑包的大小减小了,但字体可怕的脚本似乎正在减慢站点的速度。我认为这是由于dom.watch()函数观察页面的变化。不会发生任何更改,而且会有很多DOM节点,所以实际上,我只希望在页面加载后设置图标

从文档中,我假设可以调用dom.i2svg(),但这会导致浏览器中出现错误:“dom.i2svg()未定义”

当我使用dom.watch()时会显示图标,当我使用console.log(dom)时会显示i2svg()和watch()函数在对象中,所以我不理解为什么i2svg()是未定义的

我正在使用rollup.js创建捆绑包,还使用了具有相同结果的parcel bundler

这是我正在绑定的main.js文件

import { dom, library, config } from '@fortawesome/fontawesome-svg-core'

import { 
        faCamera,
        faStar,
        faStarHalf,
        faSearch,
        faExternalLinkAlt,
        faAngleRight,
        faAngleDown,
        faPlay,
        faPhone,
        faExternalLinkSquareAlt,
        faAngleUp,
        faCommentAlt        
       } from '@fortawesome/free-solid-svg-icons'

import { 
         faTwitter,
         faYoutube,
         faInstagram,
         faLinkedinIn,
         faFacebookF 
        } from '@fortawesome/free-brands-svg-icons'

import { faChevronCircleDown as falChevronCircleDown,
         faEnvelopeOpenText as falEnvelopeOpenText,
         faMapMarkerAlt as falMapMarkerAlt,
         faPhone as falPhone,
         faCommentAltLines as falCommentAltLines,
         faExternalLink as falExternalLink,
         faExternalLinkAlt as falExternalLinkAlt,
         faExternalLinkSquare as falExternalLinkSquare,
         faExternalLinkSquareAlt as falExternalLinkSquareAlt,
         faHomeAlt as falHomeAlt,
         faCalendarCheck as falCalendarCheck,
         faFileDownload as falFileDownload,
         faFolderOpen as falFolderOpen
        } from '@fortawesome/pro-light-svg-icons'

import { faCommentAltLines as farCommentAltLines } from '@fortawesome/pro-regular-svg-icons';


library.add(faPhone,                    
            faCamera,
            faStar,
            faStarHalf,
            faSearch,
            faAngleRight,
            faAngleDown,
            faPlay,
            faExternalLinkAlt,
            faExternalLinkSquareAlt,
            faAngleUp,
            faTwitter,
            faYoutube,
            faInstagram,
            faFacebookF,
            faLinkedinIn,
            falChevronCircleDown,
            falEnvelopeOpenText,
            falMapMarkerAlt,
            falPhone,
            falExternalLinkSquareAlt,
            falExternalLinkSquare,
            falExternalLinkAlt,
            falExternalLink,
            farCommentAltLines,
            falCommentAltLines,
            falHomeAlt,
            falCalendarCheck,
            falFileDownload,
            falFolderOpen
            );  

// dom.watch();

dom.i2svg()
如果我使用dom.watch,
会按预期被svg替换,但是如果我调用dom.i2svg,我会得到一个错误,即函数未定义

几天来我一直在努力修复这个问题,也向英足总寻求帮助,但运气不佳。任何帮助都将不胜感激。基本上,我想使用dom.i2svg(),因为我猜它会阻止页面变慢。
谢谢

如果命令不是:

 FontAwesome.dom.i2svg()
有关的详细信息,请参见:

这将解释:如果命令不是:

 FontAwesome.dom.i2svg()
有关的详细信息,请参见:
这就解释了:为什么dom.watch()可以工作,但dom.i2svg()却不能工作。

嘿,谢谢,我试过了(从fontawesome库导入),但还是出现了相同的错误“dom.i2svg()未定义”。我会继续尝试,但也发现我可以通过在调用watch后设置config对象来禁用watch函数。嘿,谢谢,我尝试过(从fontawesome库导入),但仍然出现相同的错误“dom.i2svg()undefined”。我会继续试验,但也发现我可以通过在调用watch后设置config对象来禁用watch函数。