Javascript 插件的Npm依赖项
警告:我对NPM依赖性的了解非常有限,我正试图从Ruby世界中了解这一点 我正在使用React开发一个Chrome扩展。在我的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
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
,它应该可以工作。