Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.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 插件的Npm依赖项_Javascript_Npm_Reactjs - Fatal编程技术网

Javascript 插件的Npm依赖项

Javascript 插件的Npm依赖项,javascript,npm,reactjs,Javascript,Npm,Reactjs,警告:我对NPM依赖性的了解非常有限,我正试图从Ruby世界中了解这一点 我正在使用React开发一个Chrome扩展。在我的content.js脚本的顶部,我有以下内容: var React = require("react"); var $ = require("jquery"); var moment = require("moment"); React应用程序的所有功能都很好,但现在我正在尝试向某些字段添加日期选择器。我找到了这个组件:。我想试试。所以我做了: npm install

警告:我对NPM依赖性的了解非常有限,我正试图从Ruby世界中了解这一点

我正在使用React开发一个Chrome扩展。在我的
content.js
脚本的顶部,我有以下内容:

var React = require("react");
var $ = require("jquery");
var moment = require("moment");
React应用程序的所有功能都很好,但现在我正在尝试向某些字段添加日期选择器。我找到了这个组件:。我想试试。所以我做了:

npm install react-datepicker --save
并将其安装到我的
package.json
。但是现在在我的
content.js
脚本的顶部,我需要如何使用它

我试过:

require("react-datepicker");
但这不起作用,并引发:

Error in event handler for (unknown): DatePicker is not defined

然后我试着把它发送给一个变量,但是我更加困惑,因为我不确定以后是否需要引用它的输出。我真的只需要加载它并在React应用程序的上下文中使用它。

根据经验,
require('anything')
应该没有副作用,因此忽略它的结果会使它毫无用处

它不会将任何内容加载到React中,它只会为您提供组件类,您可以在组件中使用该类

var DatePicker = require("react-datepicker/react-datepicker");
var React = require("react");

var MyThing = React.createClass({
  render: function(){
    return <div><DatePicker /></div>
  }
});

module.exports = MyThing;
var DatePicker=require(“react DatePicker/react DatePicker”);
var React=要求(“React”);
var MyThing=React.createClass({
render:function(){
返回
}
});
module.exports=虚构;

您可能想看看他们回购协议中的测试文件夹:我已经看过了。这没用。这更多地是关于NPM依赖项的。问题可能真的与任何组件有关。这是有道理的。我添加了
var DatePicker=require(“react DatePicker”)path.js:313 throw new-TypeError('path.resolve的参数必须是字符串')@brandonhilkert已更新。package.json格式不正确,导致require失败。出于好奇,是否是
main
键指示了如何引用它?如果是这样的话,为什么会有额外的文件夹路径?呃,现在我明白了。似乎这个组件值得使用?@brandonhilkert,拉请求已经合并,您可以
npm安装--save react-datepicker@latest
,它应该可以工作。