发布软件包并安装时出现问题

Question

我创建了一个简单的包，其中只有一个<div> x </div>，并使用npm publish发布它。然后我试着用npm I把它安装在一个项目中，它给我带来了这个错误:对实验语法'jsx'的支持目前还没有启用我试着安装@babel/preset-react，我像这样设置babel.config.js

module.exports = {
presets: ["@babel/env", "@babel/react"],
};

但是我想不出来。PS:很抱歉我的英语不好PS2:我用npx create-react-app创建了我的app

Answer 1

在你的问题中没有足够的信息/代码来解决你的具体问题，但我的猜测是检查你在webpack.config.js中的加载器。你应该安装babel-loader，并将其作为一个规则包含在webpack配置中:

module: {
rules: [
{
test: /.(js|jsx)$/,
use: 'babel-loader',
exclude: /node_modules/
}
]
}

话虽如此，我发现当我想制作自己的包时，从create-react-app开始并没有给予足够的控制，并且带来了很多膨胀。我建议从createapp.dev开始，您可以在其中选择要在构建中包含的元素，它将生成样板代码。这个例子可能足以构建一个最小的react组件包。

我最近写了一篇关于我制作尽可能简单的软件包的经验的文章，它可能也会有所帮助。