我刚将多个项目中使用的一些组件移动到私有NPM模块。出于某种原因,虽然我的构建过程现在为所有移动的组件生成以下错误:
模块解析失败: C:\ XAMPP \ htdocs中\ wizer \包\ wizer原子\部件\ textarea的\ index.js 意外的令牌(7:21)您可能需要一个合适的加载器来处理 这个文件类型。
默认情况下是否需要转换所有NPM模块?因为我没有改变任何内容。然后移回文件可以解决错误。
示例组件
echo $1
echo $2
LOGFILE=$2
echo $1 > $LOGFILE
echo $2 >> $LOGFILE
我的NPM模块的import React, { PureComponent } from "react";
import PropTypes from "prop-types";
import classnames from "classnames";
class Textarea extends PureComponent {
render() {
const { className, ...otherProps } = this.props;
return <textarea className={classnames("FORM__textfield", className)} />;
}
}
export default Textarea;
文件
index.js
这基本上会获取const req = require.context(".", true, /\.\/components\/[^/]+\/index\.js/);
req.keys().forEach((key) => {
const componentName = key.replace(/^.+\/([^/]+)\/index\.js/, "$1");
module.exports[componentName] = req(key).default;
});
目录中的所有文件并将其导出。这允许我使用components
。