如何修复TypeError:ExtPay不是使用Typscript和WebpackBundle的函数

Question

I尝试安装ExtPay作为链接的Chrome扩展的支付库https://github.com/Glench/ExtPay我一直按照说明操作直到3。将ExtPay添加到background.js，然后我出现了错误，我想是因为我使用了像这样的Typescript和Webpack

背景.ts

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

错误TS2552:找不到名称"ExtPay"。你是说"extpay"吗？

从评论我尝试

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

find错误类型错误：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',
})

Answer 1

这对我的webpack项目开发起到了作用(我还没有部署到这一步。(

const ep = require('extpay');
ep.default('extension-name-in-extpay-config');

例如在沿线的某个地方，初始化功能已被向下推一级到模块的"0"；默认"；对象，不管是什么。