Module not found: Error: Can‘t resolve ‘http‘ in( 百分百有效 )

Module not found: Error: Can‘t resolve ‘http‘ in( 百分百有效 )_第1张图片

解决方案

1.安装 polyfill-webpack-plugin其中的http
npm stream-http
2.vue.config.js中修改配置
const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: "./",

  configureWebpack() {
    return {
      resolve: {
        fallback: {
          http: require.resolve("stream-http"),
        },
      },
    }
  },
}


3.重新运行项目
npm run serve
4.问题解决

在这里插入图片描述

总结:主要是由于Webpack5.0及以上版本为了压缩打包项目后的大小,将nodejs核心模块的polyfill移除了,需要手动引用

点击加入编程群Java编程

你可能感兴趣的:(vue.js,webpack,npm,前端)