我试图安装ExtPay支付库的Chrome扩展作为链接https://github.com/Glench/ExtPay，我按照指示，直到3.Add ExtPay到background.js，然后我得到了错误，我想，因为我使用的Typescript和Webpack这样
background.ts

import "ExtPay"
const extpay = ExtPay("sample-extension")

错误TS2552：找不到名称“ExtPay”。你说的是“下一次付款”吗
评论I Try

const ExtPay = require("ExtPay")
const extpay = ExtPay("sample-extension")

发现错误TypeError：ExtPay不是一个函数
有什么想法？
这是我的webpack配置
webpack.common.js

const CopyPlugin = require('copy-webpack-plugin');
const HtmlPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
entry: {
popup: path.resolve('src/popup/popup.tsx'),
options: path.resolve('src/options/options.tsx'),
background: path.resolve('src/background/background.ts'),
contentScript: path.resolve('src/contentScript/contentScript.ts'),
context: path.resolve('src/contentScript/context.ts'),
},
module: {
rules: [
{
test: /.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
{
test: /.css$/i,
use: ['style-loader', 'css-loader'],
},
{
test: /.(jpg|jpeg|png|woff|woff2|eot|ttf|svg)$/,
type: 'asset/resource'
}
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
plugins: [
new CleanWebpackPlugin({
cleanStaleWebpackAssets: false,
}),
new CopyPlugin({
patterns: [
{
from: path.resolve('src/static'),
to: path.resolve('dist'),
}
]
}),
...getHtmlPlugins([
'popup',
'options'
]),
],
output: {
filename: '[name].js',
path: path.resolve('dist'),
},
optimization: {
splitChunks: {
chunks(chunk) {
return chunk.name !== 'contentScript' && chunk.name !== 'background' && chunk.name != 'context'
}
},
}
}

function getHtmlPlugins(chunks) {
return chunks.map(chunk => new HtmlPlugin({
title: 'React Extension',
filename: ${chunk}.html,
chunks: [chunk],
}))
}

Webpack.dev.js

const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common, {
mode: 'development',
devtool: 'cheap-module-source-map',
})