[BUG] 引入 @nutui/icons-vue-taro 组件后，小程序端 app.js 偶尔会报错，无法编译

[zhouLion]

相关平台

微信小程序

小程序基础库: 1.06.2303060 Stable 使用框架: Vue 3

复现步骤

• config/index.js 使用了 webpack5，默认开启了 prebundle

compiler: 'webpack5',

• 微信小程序 Console

VM2067:9 app.js错误:
 Error: module 'prebundle/vendors-node_modules_taro_weapp_prebundle_nutui_icons-vue-taro_js.wxss.js' is not defined, require args is './prebundle/vendors-node_modules_taro_weapp_prebundle_nutui_icons-vue-taro_js.wxss'
    at I (WASubContext.js?t=wechat&s=1678925048775&v=2.30.2:1)
    at r (WASubContext.js?t=wechat&s=1678925048775&v=2.30.2:1)
    at app.js:6

• app.js:6

require("./prebundle/vendors-node_modules_taro_weapp_prebundle_nutui_icons-vue-taro_js.wxss");

貌似是 webpack5 编译后不识别 .wxss 后缀的文件，导致的报错。

期望结果

期望开启 webpack5 prebundle 的模式下，小程序编译不报错，且正常渲染

实际结果

开启 compiler: 'webpack5' 的模式下，小程序编译报错;

当配置 compiler: { type: 'webpack5', prebundle: { enable: false }}, 才不会报错

环境信息

  Taro CLI 3.5.7 environment info:
    System:
      OS: macOS 13.2
      Shell: 5.8.1 - /bin/zsh
    Binaries:
      Node: 16.17.1 - ~/.nvm/versions/node/v16.17.1/bin/node
      Yarn: 1.22.5 - ~/.yarn/bin/yarn
      npm: 8.15.0 - ~/.nvm/versions/node/v16.17.1/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.2 => 3.6.2 
      @tarojs/components: 3.6.2 => 3.6.2 
      @tarojs/helper: 3.6.2 => 3.6.2 
      @tarojs/plugin-framework-vue3: 3.6.2 => 3.6.2 
      @tarojs/plugin-html: ^3.6.2 => 3.6.2 
      @tarojs/plugin-platform-alipay: 3.6.2 => 3.6.2 
      @tarojs/plugin-platform-jd: 3.6.2 => 3.6.2 
      @tarojs/plugin-platform-qq: 3.6.2 => 3.6.2 
      @tarojs/plugin-platform-swan: 3.6.2 => 3.6.2 
      @tarojs/plugin-platform-tt: 3.6.2 => 3.6.2 
      @tarojs/plugin-platform-weapp: 3.6.2 => 3.6.2 
      @tarojs/runtime: 3.6.2 => 3.6.2 
      @tarojs/shared: 3.6.2 => 3.6.2 
      @tarojs/taro: 3.6.2 => 3.6.2 
      @tarojs/webpack5-runner: 3.6.2 => 3.6.2 
      babel-preset-taro: 3.6.2 => 3.6.2 
      eslint-config-taro: 3.6.2 => 3.6.2 

---

补充信息

小程序私有仓库无法提供复现仓库链接

[Arbureva]

感谢大佬，刚出现这个问题

[Mystuddent]

一样遇到，false后也会报错，build小程序没问题。 module 'prebundle/vendors-node_modules_taro_weapp_prebundle_nutui_icons-vue-taro_js.wxss.js' is not defined, require args is './prebundle/vendors-node_modules_taro_weapp_prebundle_nutui_icons-vue-taro_js.wxss'

[parabolazz]

同上

[shiyl962]

同上： ”开启 compiler: 'webpack5' 的模式下，小程序编译报错; 当配置 compiler: { type: 'webpack5', prebundle: { enable: false }}, 才不会报错“

[yoyo837]

我复现了这个问题, 也正是这个导致未能成功升级@nutui/nutui-taro@4.

[ilaipi]

感谢指出啊，不然不知道又要浪费多久时间了。先这样用着再看

[ColinHwang]

现在才看到这个问题。。。taro3.6.11 @nutui/icons-vue-taro@^0.0.9 @nutui/nutui-taro@^4.1.3" 还是有这个问题

[MagicReader]

感谢！同样的问题 "@nutui/icons-vue-taro": "^0.0.9", "@nutui/nutui-taro": "^4.2.9",

[bilibili-niang]

感谢,有用, "@nutui/nutui-taro": "^4.3.3", "@tarojs/taro": "3.6.19",

[jiayafei]

感谢，同样出现

[jiayafei]

[jiayafei]

按照上面的图片改，兄弟们

[jiayafei]

compiler: {
  type: 'webpack5',
  prebundle: {
    enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
  }
},
sass: {
  data: `@import "@nutui/nutui-taro/dist/styles/variables.scss";`
},

[hcg1023]

有同样的问题 "@tarojs/cli": "3.6.34 "@nutui/icons-vue-taro": "^0.0.9",

[SuJinShun]

有同样的问题 "@tarojs/cli": "3.6.34 "@nutui/icons-vue-taro": "^0.0.9",

compiler: {
	type: 'webpack5',
	prebundle: {
		enable: true,
		exclude: ['@nutui/nutui-react-taro','@nutui/icons-react-taro'],
	},
},