發布 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 的經驗的文章，它可能也會有所幫助。