Reactjs web.js和native.js平台目标不能以本机web文件名工作

*.web.js

和

*.native.js

平台目标在React native web文件命名中不起作用。此路径正确

import{Foo}from./Foo/Foo'但返回以下错误：

Module build failed: Error: ENOENT: no such file or directory

目前关于这方面的文档很少，所以我将把它全部映射出来。只有当路径返回到
src
目录，即
。/components/Foo/Foo
，而不是从其他组件导入时使用更直接的路径
/Foo/Foo
时，这才适用于我。以下是工作文件：

src/components/Foo/Foo.native.js：

import React, { Component } from 'react';
import { View } from 'react-native';

class FooNative extends Component {
  render() {
    return (
        <View></View>
    )
  }
}

export { FooNative as Foo };

import React, { Component } from 'react';
import { View } from 'react-native';

class FooWeb extends Component {
  render() {
    return (
        <View></View>
    )
  }
}

export { FooWeb as Foo };

import React, { Component } from 'react';
import { Foo } from '../components/Foo/Foo';

export default class Bar extends Component {
  render() {
    return (
        <Foo></Foo>
    )
  }
}

import React，{Component}来自'React'；
从“react native”导入{View}；
类本机扩展组件{
render（）{
返回(
)
}
}
导出{fooonative as Foo}；

src/components/Foo/Foo.web.js：

import React, { Component } from 'react';
import { View } from 'react-native';

class FooNative extends Component {
  render() {
    return (
        <View></View>
    )
  }
}

export { FooNative as Foo };

import React, { Component } from 'react';
import { View } from 'react-native';

class FooWeb extends Component {
  render() {
    return (
        <View></View>
    )
  }
}

export { FooWeb as Foo };

import React, { Component } from 'react';
import { Foo } from '../components/Foo/Foo';

export default class Bar extends Component {
  render() {
    return (
        <Foo></Foo>
    )
  }
}

import React，{Component}来自'React'；
从“react native”导入{View}；
类FooWeb扩展组件{
render（）{
返回(
)
}
}
导出{foowebasfoo}；

src/components/Bar.js：

import React, { Component } from 'react';
import { View } from 'react-native';

class FooNative extends Component {
  render() {
    return (
        <View></View>
    )
  }
}

export { FooNative as Foo };

import React, { Component } from 'react';
import { View } from 'react-native';

class FooWeb extends Component {
  render() {
    return (
        <View></View>
    )
  }
}

export { FooWeb as Foo };

import React, { Component } from 'react';
import { Foo } from '../components/Foo/Foo';

export default class Bar extends Component {
  render() {
    return (
        <Foo></Foo>
    )
  }
}

import React，{Component}来自'React'；
从“../components/Foo/Foo”导入{Foo}；
导出默认类栏扩展组件{
render（）{
返回(
)
}
}