Skip to content

react native .rn.tsx 独立组件样式文件编译引入出错 #2846

Closed
@ickeep

Description

问题描述
[问题描述:站在其它人的角度尽可能清晰地、简洁地把问题描述清楚]
image

如上图文件结构,在 product_list.rn.tsx 引入文件

import './product_list.less'

在 .rn_temp目录下生成的内容

// 编译后的文件带了 .rn 导致出错
import product_list.rnStyleSheet from "./product_list.rn_styles";
var _styleSheet = product_list.rnStyleSheet;

期望行为
编译正常

报错信息

[这里请贴上你的完整报错截图或文字]
image

系统信息

Taro v1.2 及以上版本已添加 taro info 命令,方便大家查看系统及依赖信息,运行该命令后将结果贴下面即可。

Taro CLI 1.2.27-beta.0 environment info:
System:
OS: macOS 10.14.4
Shell: 5.3 - /bin/zsh
Binaries:
Node: 10.15.3 - /usr/local/bin/node
Yarn: 1.12.3 - /usr/local/bin/yarn
npm: 6.9.0 - /usr/local/bin/npm
npmPackages:
babel-plugin-transform-jsx-to-stylesheet: 1.2.27-beta.0 => 1.2.27-beta.0
postcss-pxtransform: 1.2.27-beta.0 => 1.2.27-beta.0
stylelint-taro-rn: 1.2.27-beta.0 => 1.2.27-beta.0

补充信息
[可选]
[根据你的调查研究,出现这个问题的原因可能在哪里?]
babel-plugin-transform-jsx-to-stylesheet
生成styleSheetIdentifierValue 的时候 把 .号过滤

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions