默认模版使用 less css module 报错

[yangfanzn]

相关平台

微信小程序

复现仓库

https://gitee.com/yangfanzn/taroerror.git
小程序基础库: 3.2.4
使用框架: React

复现步骤

yarn && yarn dev:weapp

期望结果

正常编译, 不报错

实际结果

⚠️ Warnings:

at HarmonyImportSpecifierDependency.getLinkingErrors (/Users/yangfanzn/Documents/code/tarotest/node_modules/webpack/lib/dependencies/HarmonyImportDependency.js:160:8)

ModuleDependencyWarning: export 'default' (imported as 'style') was not found in './index.less' (module has no exports)

→ Watching... [12/15/2023, 6:15:01 PM]

环境信息

👽 Taro v3.6.20


  Taro CLI 3.6.20 environment info:
    System:
      OS: macOS 11.7.4
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.20.0 - ~/.nvm/versions/node/v14.20.0/bin/node
      Yarn: 1.22.10 - ~/.nvm/versions/node/v14.20.0/bin/yarn
      npm: 6.14.17 - ~/.nvm/versions/node/v14.20.0/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.20 => 3.6.20 
      @tarojs/components: 3.6.20 => 3.6.20 
      @tarojs/helper: 3.6.20 => 3.6.20 
      @tarojs/plugin-framework-react: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-alipay: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-h5: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-jd: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-qq: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-swan: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-tt: 3.6.20 => 3.6.20 
      @tarojs/plugin-platform-weapp: 3.6.20 => 3.6.20 
      @tarojs/runtime: 3.6.20 => 3.6.20 
      @tarojs/shared: 3.6.20 => 3.6.20 
      @tarojs/taro: 3.6.20 => 3.6.20 
      @tarojs/taro-loader: 3.6.20 => 3.6.20 
      @tarojs/webpack5-runner: 3.6.20 => 3.6.20 
      babel-preset-taro: 3.6.20 => 3.6.20 
      eslint-config-taro: 3.6.20 => 3.6.20 

---

补充信息

拉取的 preact less typescript webpack5 默认模版, 将 css module 改成了 true
完全按照官方文档的例子写的 https://taro-docs.jd.com/docs/css-modules

[TheKonka]

你的css文件名要 以 .module.less 结尾

[yangfanzn]

你的css文件名要 以 .module.less 结尾

谢谢啊, 我刚刚试了下, 加了 .module.less 确实可以了
有没有办法不加 .module 也可以支持 css module 呢?
@TheKonka

[TheKonka]

https://taro-docs.jd.com/docs/css-modules#%E8%AE%BE%E7%BD%AE%E8%BD%AC%E6%8D%A2%E6%A8%A1%E5%BC%8F

namingPattern 改成 global