webpack Web包:是否需要定义注解(查询字符串)?

42fyovps  于 2023-02-08  发布在  Webpack
关注(0)|答案(1)|浏览(105)

我做了一个webpack项目,包含了一些web3js和文件系统模块,当我运行localhost时,我得到了这个错误。

    • 在控制台中**
Uncaught ReferenceError: require is not defined
    at Object.querystring (external "querystring":1)
    at __webpack_require__ (bootstrap:19)
    at Object.<anonymous> (client:6)
    at Object../node_modules/webpack-dev-server/client/index.js?http://localhost (bundle.js:98107)
    at __webpack_require__ (bootstrap:19)
    at Object.0 (bundle.js:103438)
    at __webpack_require__ (bootstrap:19)
    at bootstrap:83
    at bootstrap:83

我完全不知道这个错误在说什么。

    • 文件**
module.exports = require("querystring");
    • 网络包配置js**
const path = require('path');

module.exports = {
    mode: 'development',
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    devServer: {
        contentBase: './dist'
    },
    devtool: 'inline-source-map',
    module: {
        rules: [{
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test: /\.(png|svg|jpg|gif)$/,
                use: [
                    'file-loader'
                ]
            }
        ]
    },
    target: 'node'
};

编辑:我不能添加target:'browser',因为它会使文件系统模块'fs'不可读

brgchamk

brgchamk1#

这是我的错。我试图使用在浏览器上运行的JavaScript文件,而不是服务器。require和所有全局变量只有当你在服务器上包括它们时才能工作。

相关问题