reactjs 找不到模块:无法解析.“/平台颜色值类型”

cgvd09ve  于 2022-12-03  发布在  React
关注(0)|答案(2)|浏览(149)

我刚刚开始学习React Native,并希望添加样式表,它似乎不工作,我试图解决一个问题,但我仍然卡住了,请有人能帮我解决这个问题。顺便说一句,我正在使用React Native。

控制台日志

浏览器结果:

下面是我代码:

const styles = StyleSheet.create({
      container: {
        flex: 1,
        marginTop: 100,
        paddingTop: 20,
        paddingBottom: 30,
        justifyContent: 'center',
        alignItems: 'center',
        
      },
      tinyPic: {
        width: 90,
        height: 90,
        top: -10
      },
    
      gauge: {
        position: 'absolute',
        width: 140,
        height: 140,
        alignItems: 'center',
        justifyContent: 'center',
      },
      
      label1: {
        position: 'absolute',
        top:15,
        right: '115%',
        padding: 4

      },
      label2: {
        position: 'absolute',
        top:15,
        left: '115%',
        padding: 4

      },
      label3: {
        position: 'absolute',
        top: 145,
        left: '95%',
        padding: 4

      }
   
    });
velaa5lx

velaa5lx1#

我通过更新react-native来解决此问题:
npm i https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz --save -force

eit6fx6z

eit6fx6z2#

我在Expo React Native(SDK 47)应用程序中遇到了类似的问题,Webpack告诉我,

Exporting with Webpack...
Failed to compile
ModuleNotFoundError: ./node_modules/react-native/Libraries/StyleSheet/normalizeColor.js
Cannot find module: './PlatformColorValueTypes'. Make sure this package is installed.

You can install this package by running: npm install ./PlatformColorValueTypes.

我查看了./node_modules/react-native/Libraries/StyleSheet/normalizeColor.js,确认它名为require('./PlatformColorValueTypes')
当我查看./node_modules/react-native/Libraries/StyleSheet/时,发现Webpack是正确的,normalizeColor.js没有名为PlatformColorValueTypes.js的兄弟文件,但是有名为PlatformColorValueTypes.ios.jsPlatformColorValueTypes.android.js的兄弟文件。
为了解决这个问题,我编辑了我的webpack.config.js文件,以包括.ios.js.android.js.web.js扩展名,作为Webpack可以解析的扩展名:

resolve: {
  extensions: [".tsx", ".ts", ".js", ".ios.js", ".android.js", ".web.js"]
}

相关问题