我有使用的简单组件styled-components和utils.tsx包含主题颜色的文件。我通过 WebpackProvidePlugin 加载它,因为我不想在每个组件文件中包含 React 和 styled-components 模块。它可以正常工作、渲染、编译,但我在控制台和编辑器中出现一些 TS 错误,因为 typescript 编译器/解析器无法识别 webpack 别名
TS2686:“React”指的是 UMD 全局,但当前文件是一个模块。考虑添加导入。
TS2304:找不到名称“Styled”。
TS2304:找不到名称“颜色”。
导航.tsx
const Nav = Styled.nav`
height: 64px;
background-color: ${Color.darkBlue};
`
function Navigation() {
return <Nav>dwa</Nav>
}
export default Navigation
Run Code Online (Sandbox Code Playgroud)
webpack.config.js
...
new webpack.ProvidePlugin({
React: 'react',
Device: [
path.resolve(path.join(__dirname, 'src/utils/utils.tsx')),
'devices',
],
Color: [
path.resolve(path.join(__dirname, 'src/utils/utils.tsx')),
'colors',
],
Styled: ['styled-components', 'default'],
}),
...
Run Code Online (Sandbox Code Playgroud)
tsconfig.json
{
"compilerOptions": {
"module": "none",
"moduleResolution": "node",
"jsx": "react",
"target": "es6",
"lib": ["es2015", "dom", "dom.iterable"], …Run Code Online (Sandbox Code Playgroud) 我正在使用React Native 调试器来调试我的 React Native 应用程序。但是当我尝试检查 GraphQL 查询(由 Apollo 客户端发送)时,我Nothing to preview在调试器的Preview窗口中看到了。没有错误,也没有传达发生这种情况的原因。调试器似乎无法以某种方式解析响应?服务器的响应已正确发送。这是已知问题吗?
当我将 React 与 ReactRouter 结合使用时,我可以延迟加载应用程序的入口文件吗?remoteEntry.js当我进入页面时,我拥有的每个应用程序都有很多文件请求。由于性能原因,我不想一开始就获取它。我想在访问特定应用程序的路线时加载它们。
reactjs webpack react-router micro-frontend webpack-module-federation
我在 .xml 文件中定义了一个表,但必须动态添加行和标题。我在水平和垂直方向的表格行填充宽度有问题。我试过stretchColumns参数,但没有帮助。最好的方法是什么?
table = (TableLayout) findViewById(R.id.testList);
TableRow headerRow = new TableRow(this);
JSONObject obj;
obj = new JSONObject(loadJSONFromAsset());
JSONArray records = obj.getJSONArray("tests");
ArrayList<String> headers = new ArrayList<>();
headers.add("Header 1");
headers.add("Header 2");
headers.add("Header 3");
headers.add("Header 4");
headers.add("Header 5");
for(int i = 0; i < headers.size(); i++) {
TextView header = new TextView(this);
header.setText(headers.get(i));
header.setTextColor(Color.WHITE);
header.setBackgroundColor(Color.rgb(24, 116, 205));
header.setPadding(15, 15, 15, 15);
header.setTextSize(20);
header.setTextAlignment(View.TEXT_ALIGNMENT_CENTER);
header.setMaxLines(1);
headerRow.addView(header);
}
table.addView(headerRow);
Run Code Online (Sandbox Code Playgroud)
和 xml
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<HorizontalScrollView …Run Code Online (Sandbox Code Playgroud) reactjs ×3
webpack ×2
android ×1
graphql ×1
java ×1
react-native ×1
react-router ×1
tablerow ×1
tsconfig ×1
tslint ×1
typescript ×1
xml ×1