Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.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
如何";进口;我的react项目的第三方javascript模块?_Javascript_Reactjs_Typescript - Fatal编程技术网

如何";进口;我的react项目的第三方javascript模块?

如何";进口;我的react项目的第三方javascript模块?,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,我试图调整调用的这个模块,以便在单击下拉项时支持onClick事件,因为库的创建者似乎不再维护它。我已将ReactAddToCalendar.js文件移到我的项目中,并要求如下所示: import AddToCalendar from 'apps/bookings/components/ReactAddToCalendar' 还有一个ReactAddToCalendar.d.ts,看起来像这样: 但现在我得到了这个错误: File '.../{project_name}/app/javascr

我试图调整调用的这个模块,以便在单击下拉项时支持
onClick
事件,因为库的创建者似乎不再维护它。我已将
ReactAddToCalendar.js
文件移到我的项目中,并要求如下所示:

import AddToCalendar from 'apps/bookings/components/ReactAddToCalendar'
还有一个
ReactAddToCalendar.d.ts
,看起来像这样:

但现在我得到了这个错误:

File '.../{project_name}/app/javascript/apps/bookings/components/ReactAddToCalendar.d.ts' is not a module.

我试着到处寻找如何克服这个问题,但我找不到任何东西。

您必须从命令行这样安装它:

npm install react-add-to-calendar --save
然后你只需要把它放在所需的组件中:

import AddToCalendar from 'react-add-to-calendar';
组件的git中的示例:

import AddToCalendar from 'react-add-to-calendar';
从“React”导入React;
从“反应添加到日历”导入AddToCalendar;
类示例扩展了React.Component{
静态显示名称='Example';
状态={
活动:{
标题:“示例事件”,
description:'这是仅作为示例提供的示例事件',
地点:'波特兰,或',
开始时间:“2016-09-16T20:15:00-04:00”,
结束时间:“2016-09-16T21:45:00-04:00”
}
};
render(){
返回;
};
}
说明就在那边。
或者您不能从NPM安装模块?

它没有我需要的功能,所以我尝试将其转移到我自己的项目中并进行调整。我现在似乎不需要。哦,好吧,我现在明白了。也许你可以从github下载所有的软件包,根据需要进行编辑,然后将软件包以私有形式发布到npm(非常简单!只需两个命令),这样你就可以随心所欲地使用它了。啊,你能给我指一下这方面的教程吗?我对这一切都很陌生,所以我仍在努力找到自己的路。非常感谢。