发布 package 并安装它时出现问题

Question

我创建了一个简单的 package，其中只有一个<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 创建了我的应用程序

Answer 1

您的问题中确实没有足够的信息/代码来解决您的特定问题，但我的猜测是检查webpack.config.js中的加载程序。 你应该安装 babel-loader 并作为规则包含在 webpack 配置中：

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

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

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