在Taro3中使用React时，多个页面引用同一组件时，组件带的样式文件失效

[hello-arvin]

相关平台

微信小程序

小程序基础库: 2.14.4
使用框架: React

复现步骤

在项目中建多个页面，然后再建一个公共组件（此组件引入一个样式文件），在页面中引入使用这个公共组件，除第一个引用此组件的页面外，其他页面中引入的公共组件的样式均无

期望结果

期望有解决此问题的方案

实际结果

现在写的每个公共组件的样式都得在每一个页面中写一遍

环境信息

Taro CLI 3.0.23 environment info:
    System:
      OS: macOS 11.1
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.15.3 - ~/.nvm/versions/node/v14.15.3/bin/node
      Yarn: 1.22.5 - /usr/local/bin/yarn
      npm: 6.14.9 - ~/.nvm/versions/node/v14.15.3/bin/npm
    npmPackages:
      @tarojs/cli: ^3.0.23 => 3.0.24 
      @tarojs/components: ^3.0.23 => 3.0.24 
      @tarojs/mini-runner: ^3.0.23 => 3.0.24 
      @tarojs/react: ^3.0.23 => 3.0.24 
      @tarojs/runtime: ^3.0.23 => 3.0.24 
      @tarojs/taro: ^3.0.23 => 3.0.24 
      @tarojs/webpack-runner: ^3.0.23 => 3.0.24 
      babel-preset-taro: ^3.0.23 => 3.0.24 
      eslint-config-taro: ^3.0.23 => 3.0.24 
      react: ^16.10.0 => 16.14.0 
      taro-ui: ^3.0.0-alpha.3 => 3.0.0-alpha.9 

[Chen-jj]

@hello-hc 提供一下 demo 咯

[hello-arvin]

@Chen-jj 我现在的项目是公司项目，不方便提供喔；我这边就算现在给您再建一个demo也比较花费时间，您要是方便的话，麻烦您自己建一下，生成两个页面，再建一个公共组件，在公共组件中引入一个样式文件就行，应该是可以复现的

[hello-arvin]

@Chen-jj 页面结构大概这样的：
|__src
|____pages
|________index
|_____________index.jsx
|_____________index.config.js
|_____________index.scss
|________user
|_____________index.jsx
|_____________index.config.js
|_____________index.scss
|____components
|________common
|_____________common.jsx
|_____________common.scss

[fatWill]

我这边有了同样的问题，最后你是怎么解决的 @hello-hc

[hello-arvin]

我这边有了同样的问题，最后你是怎么解决的 @hello-hc

不太清楚，当时他们京东官方的没回复我了，我就粗暴的把样式在页面中复制了一遍，然后后来我写其他组件的时候好像又没有了这个问题，可能是被修复了吧。

[fatWill]

不太清楚，当时他们京东官方的没回复我了，我就粗暴的把样式在页面中复制了一遍，然后后来我写其他组件的时候好像又没有了这个问题，可能是被修复了吧。

@hello-hc @Chen-jj 我下载的是最新版的，没被修复

[DestinyMajesty]

我也遇到了同样的问题，如果组件只被一个page引用的话，就不会出问题。如果被两个以上的page引用，那么样式就失效了

[DestinyMajesty]

这个地方有解决方案，可以解决问题 ：#8168

[luoguoxiong]

我也遇到了这样的一个问题~~~~~~

[codeLose]

除了样式 传给组件的方法也会有问题 首页的传给组件的方法会被其他页面覆盖 第一次首页给组件的方法是a 跳转到b其他页面 其他页面给组件的方法是b 返回首页 debug的时候发现首页组件调用的是b方法。。。。

[muzichen]

我也遇到这个问题了，请问有人解决了么

[bib1dufaefaefeafeaf]

23年了 有进展了吗

[Peter-Success]

23年了还没解决，能不能抓紧处理一下这个bug

[sa1utep1z]

我的评价是太抽象了，我是less+vite+react，最终app.less文件随便写点样式才解决的。真的好抽象，搞了我几个小时，怀疑人生。