Failed to compile.

reactnewb · January 17, 2021, 8:53am

Hello!

I’m seeing the following error in my terminal. I’m wondering if someone can nudge me into right direction.

Failed to compile.
/Users/rx/rn/ex-items-app/node_modules/react-native/Libraries/Components/TextInput/TextInputState.js
Module not found: Can't resolve '../../Utilities/Platform' in '/Users/rx/rn/ex-items-app/node_modules/react-native/Libraries/Components/TextInput'

Output of EXPO_WEB_DEBUG=true expo build:web

● Expo Webpack █████████████████████████ building (61%) 430/466 modules 36 active
 babel-loader › node_modules/react-native/Libraries/Components/TextInput/TextInputState.js

Failed to compile.

./node_modules/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
Cannot find module: '../Utilities/Platform'. Make sure this package is installed.

You can install this package by running: npm install ../Utilities/Platform.
Error: ./node_modules/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
Cannot find module: '../Utilities/Platform'. Make sure this package is installed.

Please run expo diagnostics and paste the log that’s printed out along with your question or issue!

Expo CLI 4.0.17 environment info:
    System:
      OS: macOS 10.15.7
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 14.9.0 - ~/.nvm/versions/node/v14.9.0/bin/node
      npm: 6.14.8 - ~/.nvm/versions/node/v14.9.0/bin/npm
    Managers:
      CocoaPods: 1.9.3 - /usr/local/bin/pod
    SDKs:
      iOS SDK:
        Platforms: iOS 14.0, DriverKit 19.0, macOS 10.15, tvOS 14.0, watchOS 7.0
      Android SDK:
        API Levels: 28, 29, 30
        Build Tools: 28.0.3, 30.0.2
        System Images: android-30 | Google APIs Intel x86 Atom
    IDEs:
      Android Studio: 4.1 AI-201.8743.12.41.6858069
      Xcode: 12.0.1/12A7300 - /usr/bin/xcodebuild
    npmPackages:
      expo: ~40.0.0 => 40.0.0
      react: 16.13.1 => 16.13.1
      react-dom: 16.13.1 => 16.13.1
      react-native: https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz => 0.63.2
      react-native-web: ~0.13.12 => 0.13.18
    npmGlobalPackages:
      expo-cli: 4.0.17
    Expo Workflow: managed

Thanks.

reactnewb · January 28, 2021, 7:01pm

Just floating this to the top.
I think my issue is related to this issue.
I tried several solutions mentioned in that thread but none of it worked in my case.
Thanks.

github.com/expo/web-examples

[Web] Previous Expo 36 app `Can't resolve '../Utilities/Platform'`

opened 11:35PM - 05 Feb 20 UTC

jonathanstiansen

# Expo Diagnostics ``` Expo CLI 3.11.7 environment info: System: … OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver) Shell: 4.4.20 - /bin/bash Binaries: Node: 10.16.3 - ~/.nvm/versions/node/v10.16.3/bin/node npm: 6.11.1 - ~/.nvm/versions/node/v10.16.3/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman npmPackages: @types/react: ^16.9.11 => 16.9.16 @types/react-native: ^0.60.22 => 0.60.25 @xstate/react: ^0.8.1 => 0.8.1 expo: ^36.0.0 => 36.0.0 react: 16.9.0 => 16.9.0 react-native: https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz => 0.61.4 react-navigation: ^3.11.1 => 3.13.0 npmGlobalPackages: expo-cli: 3.11.7 ``` It's a mixed TS and JS project, using babel for the TS and JS. Here's my webpack config: ``` const path = require('path') const createExpoWebpackConfigAsync = require('@expo/webpack-config') // source: https://docs.expo.io/versions/latest/guides/customizing-webpack/ // Expo CLI will await this method so you can optionally return a promise. module.exports = async function (env, argv) { const config = await createExpoWebpackConfigAsync(env, argv) if (config.mode === 'development') { config.devServer.compress = false } // Or prevent minimizing the bundle when you build. if (config.mode === 'production') { config.optimization.minimize = false } config.resolve = { extensions: [".ts", ".tsx", ".js", ".json"] } config.module.rules = [{ // Include ts, tsx, js, and jsx files. test: /\.(ts|jsx|js)x?$/, // exclude: /node_modules/, loader: 'babel-loader' }] return config } ``` Here's my `babel.config.js` in the expo project: ``` module.exports = function (api) { api.cache(true) return { presets: ['babel-preset-expo', 'module:react-native-dotenv', '@babel/preset-typescript'], plugins: ['@babel/plugin-transform-react-jsx-source'] } } ``` When I run expo start:web I get this: ``` /home/mygastank/WebstormProjects/mygastank/customer/node_modules/react-native/Libraries/Image/AssetSourceResolver.js Module not found: Can't resolve '../Utilities/Platform' in '/home/mygastank/WebstormProjects/mygastank/customer/node_modules/react-native/Libraries/Image' ``` My understanding from babel is that it would shake our incompatible modules. Do I need to be changing all of my `import {View} from 'react-native'` to `import {View} from 'react-native-web'`? Same with image (as the error seems to suggest?) There doesn't seem to be a migration guide of any sort, so I'm uncertain how to get a previous expo app into web. Any ideas?

system · February 17, 2021, 7:02pm

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Build Failed Module not Found Expo SDK	2	363	June 3, 2021
Expo Web: Module not found "Can't resolve ../Utilities/Platform" Expo SDK	5	3445	September 30, 2021
Build fails after adding Expo modules via 'npx install-expo-modules' Expo Development Tools	0	242	November 9, 2021
Expo Build for Web - Can't resolve Module Expo Development Tools	1	2247	November 18, 2020
Unable to resolve "../Utilities/Platform" from "node_modules/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js" Expo SDK updates	1	295	May 24, 2023

Failed to compile.

Related Topics