- 这周在引入一个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.配置完成之后重新运行代码即可
-- 问题最终得到解决!!!!