小编She*_*d25的帖子

如何使 tsconfig 与 webpack 提供的插件一起使用?

我有使用的简单组件styled-componentsutils.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)

typescript reactjs tsconfig webpack tslint

5
推荐指数
1
解决办法
1351
查看次数

React Native 网络调试不适用于 GraphQL

我正在使用React Native 调试器来调试我的 React Native 应用程序。但是当我尝试检查 GraphQL 查询(由 Apollo 客户端发送)时,我Nothing to preview在调试器的Preview窗口中看到了。没有错误,也没有传达发生这种情况的原因。调试器似乎无法以某种方式解析响应?服务器的响应已正确发送。这是已知问题吗?

reactjs graphql react-native apollo-client chrome-debugging

5
推荐指数
0
解决办法
643
查看次数

Webpack 模块联合延迟加载remoteEntry.js

当我将 React 与 ReactRouter 结合使用时,我可以延迟加载应用程序的入口文件吗?remoteEntry.js当我进入页面时,我拥有的每个应用程序都有很多文件请求。由于性能原因,我不想一开始就获取它。我想在访问特定应用程序的路线时加载它们。

在此输入图像描述

reactjs webpack react-router micro-frontend webpack-module-federation

5
推荐指数
2
解决办法
6351
查看次数

如何在Android中将TableRow宽度设置为最大值?

我在 .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)

java xml android tablerow android-tablelayout

3
推荐指数
1
解决办法
2309
查看次数