Vue3安装使用minio时报错:webpack ＜ 5 used to include polyfills for node.js core modules by default

mengzhiyuan111

于 2024-09-24 21:30:00 发布

阅读量233

点赞数 2

文章标签： node.js webpack 前端

本文链接：https://blog.csdn.net/mengzhiyuan111/article/details/142363727

版权

一、报错原因：webpack5默认移除了node.js的核心模块，要使用的话需要手动引入

二、解决方法：安装插件node-polyfill-webpack-plugin，并在vue.config.js中进行配置。

安装：npm install node-polyfill-webpack-plugin

配置：

const { defineConfig } = require('@vue/cli-service')
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      fallback: { 
      },
    },
    plugins: [
      new NodePolyfillPlugin(),
    ]
  },
})

三、重新运行后，在使用minio时发现继续报错：process is not defined

四、解决方法：

安装process: npm install -D process

在vue.config.js中配置

new webpack.ProvidePlugin({
        process: 'process/browser',
      }),

或者

new webpack.ProvidePlugin({
        process: require.resolve('process/browser'),
      }),

配置整个如下：

const { defineConfig } = require('@vue/cli-service')
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
const webpack = require('webpack');
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      fallback: { 
        // "process": require.resolve('process/browser'),
      },
    },
    plugins: [
      new NodePolyfillPlugin(),
      new webpack.ProvidePlugin({
        process: 'process/browser',
      }),
    ]
  },
})