相关疑难解决方法(0)

我正在构建一个 chrome 扩展，当从内容脚本收到某些消息时，该扩展需要进行 API 调用。我在发出 HTTP 请求时遇到困难，我相信我的 webpack 配置是罪魁祸首。

我尝试过使用node-fetchand axios，但都不适合我。

我的 webpack.common.js 文件如下所示：

const path = require("path");

module.exports = {
  target: "node",
  entry: {
    popup: path.join(__dirname, "src/popup/index.tsx"),
    background: path.join(__dirname, "src/background.ts"),
    contentScript: path.join(__dirname, "src/contentScript.ts"),
  },
  output: {
    path: path.join(__dirname, "dist"),
    filename: "[name].js",
  },
  module: {
    rules: [
      {
        exclude: /node_modules/,
        test: /\.tsx?$/,
        use: "ts-loader",
      },
      {
        exclude: /node_modules/,
        test: /\.scss$/,
        use: [
          {
            loader: "style-loader", // Creates style nodes from JS strings
          },
          {
            loader: "css-loader", // …