sonofmagic / weapp-tailwindcss

weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 ! weapp-vite 把现代化的开发模式带入小程序开发
https://weapp-tw.icebreaker.top
MIT License
1.2k stars 87 forks source link

TypeError: Cannot destructure property 'Compilation' of 'compiler.webpack' as it is undefined. #261

Closed bestMrY closed 9 months ago

bestMrY commented 9 months ago

描述这个Bug 从1.12.8版本升级到3.0.3,将TaroWeappTailwindcssWebpackPluginV4方法替换为UnifiedWebpackPluginV5后,启动项目控制台报错

/Users/aha/comall/dfs-guide-app/node_modules/weapp-tailwindcss/dist/webpack.js:54
        const { Compilation, sources, NormalModule } = compiler.webpack;
                ^

TypeError: Cannot destructure property 'Compilation' of 'compiler.webpack' as it is undefined.
    at UnifiedWebpackPluginV5.apply (/Users/aha/comall/dfs-guide-app/node_modules/weapp-tailwindcss/dist/webpack.js:54:17)
    at webpack (/Users/aha/comall/dfs-guide-app/node_modules/@tarojs/mini-runner/node_modules/webpack/lib/webpack.js:51:13)
    at /Users/aha/comall/dfs-guide-app/node_modules/@tarojs/mini-runner/src/index.ts:45:22
    at new Promise (<anonymous>)
    at /Users/aha/comall/dfs-guide-app/node_modules/@tarojs/mini-runner/src/index.ts:44:10
    at Generator.next (<anonymous>)
    at fulfilled (/Users/aha/comall/dfs-guide-app/node_modules/@tarojs/mini-runner/dist/index.js:5:58)

代码url


const { UnifiedWebpackPluginV5 } = require('weapp-tailwindcss');

plugin: {
                    install: {
                        plugin: UnifiedWebpackPluginV5,
                        args: [{
                            appType: 'taro'
                          }]
                    },
                },

如何重现 启动项目

屏幕截图(可选)

image

运行环境

sonofmagic commented 9 months ago

版本1之间升级到3的话,webpack4已经放弃支持了,你报的这个错误就是 webpack4 使用 webpack5版本插件爆的错误

你用的是 taro 的话,也需要把 taro 的编译器,也切换成 webpack5 的,详见 https://taro-docs.jd.com/docs/config-detail#compiler

compiler:{
  type: 'webpack5'
}

另外在 https://weapp-tw.icebreaker.top/docs/migrations/v2 这个link也有weapp-tailwindcss插件的迁移指南,可以附带关注一下。

bestMrY commented 9 months ago

版本1之间升级到3的话,webpack4已经放弃支持了,你报的这个错误就是 webpack4 使用 webpack5版本插件爆的错误

你用的是 taro 的话,也需要把 taro 的编译器,也切换成 webpack5 的,详见 https://taro-docs.jd.com/docs/config-detail#compiler

compiler:{
  type: 'webpack5'
}

另外在 https://weapp-tw.icebreaker.top/docs/migrations/v2 这个link也有weapp-tailwindcss插件的迁移指南,可以附带关注一下。

猜测过可能是webpack版本的问题,不过对于我的项目来说升级到webpack5风险太大。 谢谢你的回复!