webpack ＜ 5 used to include polyfills for node.js core modules by default.

最新推荐文章于 2024-03-31 11:17:08 发布

原创最新推荐文章于 2024-03-31 11:17:08 发布 · 5.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

Vue 专栏收录该内容

45 篇文章

订阅专栏

本文介绍了在最新Vue CLI 5.x版本中遇到的pdfh5模块兼容问题，如何通过安装node-polyfill-webpack-plugin和crypto-browserify，并在vue.config.js中配置resolve.fallback来解决自动polyfill缺失的问题。

部署运行你感兴趣的模型镜像

vue-cli5.x 版本报错

在vue-cli新版本中使用了 pdfh5 然后报错如下, 大致意思是说新版的cli 中模块polyfill不会自动引入了

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "https": require.resolve("https-browserify") }'
        - install 'https-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "https": false }


This is no longer the case. Verify if you need this module and configure a polyfill for it.
If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "https": require.resolve("https-browserify") }'
        - install 'https-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "https": false }

尝试安装如下依赖

cnpm install node-polyfill-webpack-plugin

yarn add crypto-browserify

然后在vue.config.js中添加

configureWebpack:  {
    resolve: {
      fallback: {
        fs: false,
        crypto: require.resolve("crypto-browserify")
      }
    },
    plugins: [new NodePolyfillPlugin()],
  },

您可能感兴趣的与本文相关的镜像