因此,我正在使用 RequireJS 和 React,尝试加载第三方组件,该组件已安装:
npm install react-autocomplete
结构在这里:https : //github.com/rackt/react-autocomplete/tree/master/lib
现在,我有一个 main.js 文件,在加载 requireJS 时启动,如下所示:
require.config({
paths: {
"react" : "react/react",
"jsx-transformer" : "react/JSXTransformer",
"react-autocomplete" : "node_modules/react-autocomplete/lib/main"
}
});
require(["react"], function(react) {
console.log("React loaded OK.");
});
require(["jsx-transformer"], function(jsx) {
console.log("JSX transformer loaded OK.");
});
require(['react-autocomplete'], function (Autocomplete) {
console.log("React autocomplete component loaded OK.");
var Combobox = Autocomplete.Combobox;
var ComboboxOption = Autocomplete.Option;
console.log("Autocomplete initiated OK");
});
现在,一切都加载好了,但是对于第三方组件中的 main.js 文件,第三个 require 语句抛出一个“module未定义”,如下所示:
module.exports = {
Combobox: require('./combobox'),
Option: require('./option')
};
我一直在读到这与我试图需要一个 CommonJS 风格的module有关,但我不知道如何自己修复它,因为我是新手。
有没有人有一个关于我如何解决这个问题的明确例子?