如何在我的React应用程序中导入JS库?

时间:2018-01-25 19:16:19

标签: javascript reactjs import

我目前正在使用:https://github.com/naikus/svg-gauge

我想根据我的特定需求自定义库,这意味着我不能使用npm包,因为我需要自定义库:

import Gauge from 'svg-gauge';

我将gauge.js文件移至:/assets/libs/gauge.js

然后尝试使用它:

import Gauge from '../../../assets/libs/gauge';

这不起作用......是否可以在React中导入这个JavaScript库,允许我自定义它?

2 个答案:

答案 0 :(得分:4)

k中的未声明变量shallowCopy()看起来是一个问题,将声明添加到shallowCopy()中的第96行,如下所示:

function shallowCopy(/* source, ...targets*/) {
   var target = arguments[0], sources = slice.call(arguments, 1);
   sources.forEach(function(s) {
     for(var k in s) {
       if(s.hasOwnProperty(k)) {
         target[k] = s[k];
       }
     }
   });
   return target;
 }

你提到这不是npm包的问题,​​尽管它可能与修改此问题的转换器打包在一起。

答案 1 :(得分:0)

你正在做的是正确的,但我觉得你的路径可能有些不匹配。如果你使用Webstorm / IntelliJ你可以通过ctrl +点击包来仔细检查路径,它会带你到文件。