laravel - 在 Laravel 应用程序中使用 NPM 包时遇到问题

Question

我多年来一直在使用 Laravel，但直到现在我才在我的 Laravel 应用程序中使用过 NPM 包。我使用 Laravel Valet 作为我的开发环境。
我正在尝试使用一个与 remove.bg js package 接口(interface)的简单包但经过数小时的尝试不同的事情后，我无法让它工作。
这是我所做的:

通过 npm install remove.bg 安装了软件包.

该软件包提示找不到它所依赖的模块(unirest、http 等)，所以我通过 npm install 安装了它们。甚至添加了这些回退，因为它提示 Webpack 5 和 polyfill:

我的 webpack.mix.js 文件:

mix.webpackConfig({
    resolve: {
        fallback: {
            fs: require.resolve('browserify-fs'),
            crypto: require.resolve('crypto-browserify'),
            stream: require.resolve('stream'),
            http: require.resolve('stream-http'),
            https: require.resolve('https-browserify'),
            path: require.resolve('path-browserify'),
            zlib: require.resolve('browserify-zlib'),
        },
    },
});

在我的 resources/js/bootstrap.js我加了:

import { RemoveBgResult, RemoveBgError, removeBackgroundFromImageBase64 } from 'remove.bg';
window.Removebg = require('remove.bg');

运行 npm run dev没有错误。

已包含 <script src="{{ mix('/js/app.js') }}"></script>在我的 Blade 模板中。

但是，当我查看我的页面时，我在控制台中收到这些错误:

app.js:137237 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
    at Object.inherits (app.js:137237)
    at Object../node_modules/browserify-zlib/lib/index.js (app.js:28688)
    at __webpack_require__ (app.js:139212)
    at Object../node_modules/unirest/index.js (app.js:131192)
    at __webpack_require__ (app.js:139212)
    at Object../node_modules/remove.bg/dist/index.js (app.js:108502)
    at __webpack_require__ (app.js:139212)
    at Module../resources/js/bootstrap.js (app.js:16242)
    at __webpack_require__ (app.js:139212)
    at Object../resources/js/app.js (app.js:16230)

我难住了。我在这里做错了什么？

Answer 1

你可能会错过 webpack.mix.js 文件
添加这一行

mix.js('resources/js/app.js', 'public/js');