2

我们最近升级到 Quasar 2，这导致@vue/preload-webpack-plugin抛出以下错误：

(node:14265) UnhandledPromiseRejectionWarning:   TypeError: Cannot read property 'tap' of undefined
  
  - index.js:116 
    [myproject]/[@vue]/preload-webpack-plugin/src/index.js:116:65
  
  - Hook.js:154 SyncHook.lazyCompileHook
    [myproject]/[tapable]/lib/Hook.js:154:20
  
  - Compiler.js:631 Compiler.newCompilation
    [myproject]/[webpack]/lib/Compiler.js:631:26
  
  - Compiler.js:667 
    [myproject]/[webpack]/lib/Compiler.js:667:29
  
  - Hook.js:154 AsyncSeriesHook.lazyCompileHook
    [myproject]/[tapable]/lib/Hook.js:154:20
  
  - Compiler.js:662 Compiler.compile
    [myproject]/[webpack]/lib/Compiler.js:662:28
  
  - Watching.js:77 
    [myproject]/[webpack]/lib/Watching.js:77:18

的相关部分quasar.conf.js：

      extendWebpack (cfg) {
        cfg.plugins.push(new PreloadWebpackPlugin({
          rel: 'preload',
          as (entry) {
            if (/\.css$/.test(entry)) return 'style';
            if (/\.woff$/.test(entry)) return 'font';
            if (/\.png$/.test(entry)) return 'image';
            return 'script';
          }
        }));
        cfg.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /node_modules/,
          options: {
            formatter: require('eslint').CLIEngine.getFormatter('stylish')
          }
        });
      }

查看preload-webpack-plugin导致错误的行：

    compiler.hooks.compilation.tap(
      this.constructor.name,
      compilation => {
        // this line below
        compilation.hooks.htmlWebpackPluginBeforeHtmlProcessing.tap(
          this.constructor.name,
          (htmlPluginData) => {
            if (skip(htmlPluginData)) {
              return
            }
            this.generateLinks(compilation, htmlPluginData)
          }
        )

谁能建议如何解决这个问题？

环境：

  • 节点JS：14.15.1
  • @vue/preload-webpack-plugin: 1.1.2
  • @类星体/应用程序：2.1.14
4

0 回答 0