• 这周在引入一个pdf静态文件后使用时遇到这么一个错误:

  •  由于是配置上的问题,解决了很久,看报错是大致是说webpack<5从而引起一些模块没有,我导入的pdfjs文件中由于出现了https、http、url等报错,当时想要不注释了吧,但是这种又是别人写好的文件,我注释了或许出现某些功能不能实现又怎么处理?接下来看解决方案:
  • 解决方案:

 1.安装node-polyfill-webpack-plugin(小编安装的是2.0.1的版本)

该插件的作用:自动注入 Node.js 全局变量的 polyfill,当 Webpack 构建你的项目时,node-polyfill-webpack-plugin 会自动处理并注入必要的 Node.js 全局变量 polyfill,使得在客户端代码中可以使用这些变量。

yarn add node-polyfill-webpack-plugin@2.0.1

2.在vue.config.js中添加配置

const NodePolyfillPlugin = require('node-polyfill-webpack-plugin') // 引入

module.exports = defineConfig({
    ……
    configureWebpack: (config) => {
        config.plugins.push(new NodePolyfillPlugin()) // 使用
        ……
    }
    ……
})

3.配置完成之后重新运行代码即可 

 -- 问题最终得到解决!!!!

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐