taro3.4 打包h5 引入html5.css报错

[adajoy]

相关平台

H5

复现仓库

https://github.com/adajoy/taro-h5-build-error
浏览器版本: chrome98
使用框架: React

复现步骤

使用taro3.4初始化项目 在app.ts中import '@tarojs/taro/html5.css' 使用build:h5命令打包

期望结果

打包成功

实际结果

Module not found: Can't resolve '@tarojs/taro/html5.css'

环境信息

  Taro CLI 3.4.1 environment info:
    System:
      OS: macOS 11.2.3
      Shell: 3.3.1 - /usr/local/bin/fish
    Binaries:
      Node: 14.17.6 - /usr/local/bin/node
      Yarn: 1.22.17 - ~/.yarn/bin/yarn
      npm: 6.14.15 - /usr/local/bin/npm
    npmPackages:
      @tarojs/components: 3.4.2 => 3.4.2 
      @tarojs/mini-runner: 3.4.2 => 3.4.2 
      @tarojs/react: 3.4.2 => 3.4.2 
      @tarojs/runtime: 3.4.2 => 3.4.2 
      @tarojs/taro: 3.4.2 => 3.4.2 
      @tarojs/webpack-runner: 3.4.2 => 3.4.2 
      babel-preset-taro: 3.4.2 => 3.4.2 
      eslint-config-taro: 3.4.2 => 3.4.2 
      react: ^17.0.0 => 17.0.2

[github-actions]

等待热心的小伙伴解决问题中..., 有一些相关的 issues 可能帮助到你!

• Taro3.4.2 Vue2 H5 input 输入框 v-model 和 value无法初始化
• 新建小程序插件 打包出错 not contain an export named 'createNativeComponentConfig'
• H5 v-if 报错

Thank you so much!

[Chen-jj]

@adajoy 使用 require 代替 import 引入咯，在 H5 不需要这个样式文件。我们改一下文档

if (process.env.TARO_ENV !== 'h5') {
  require('@tarojs/taro/html5.css')
}

[yoyo837]

影响了nutui按钮颜色

[yoyo837]

应该是加载顺序的问题，