Module not found: Error: Can't resolve './ui-components'

[Fentonfi]

Before opening, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

JavaScript Framework

React

Amplify APIs

GraphQL API

Amplify Categories

api, hosting

Environment information

# Put output below this line

 System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i5-1245U
    Memory: 3.29 GB / 15.64 GB
  Binaries:
    Node: 18.18.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.2.3 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.3570.0), Chromium (118.0.2088.76)
    Internet Explorer: 11.0.19041.3570
  npmPackages:
    @aws-amplify/api: ^5.4.5 => 5.4.5
    @aws-amplify/api/internals:  undefined ()
    @aws-amplify/pubsub: ^5.5.5 => 5.5.5
    @aws-amplify/pubsub/internals:  undefined ()
    @aws-amplify/ui-components: ^1.9.40 => 1.9.40
    @aws-amplify/ui-react: ^5.3.1 => 5.3.1
    @aws-amplify/ui-react-internal:  undefined ()
    @aws-amplify/ui-react-native: ^1.2.28 => 1.2.28
    @react-native-async-storage/async-storage: ^1.19.4 => 1.19.4
    @react-native-community/netinfo: ^10.0.0 => 10.0.0
    @testing-library/jest-dom: ^5.17.0 => 5.17.0
    @testing-library/react: ^13.4.0 => 13.4.0
    @testing-library/user-event: ^13.5.0 => 13.5.0
    amazon-cognito-identity-js: ^6.3.6 => 6.3.6
    amazon-cognito-identity-js/internals:  undefined ()
    amplify-ui-components-loader:  undefined ()
    aws-amplify: ^5.3.11 => 5.3.11
    aws-amplify-react: ^5.1.43 => 5.1.43
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    react-native-get-random-values: ^1.9.0 => 1.9.0
    react-native-safe-area-context: ^4.7.4 => 4.7.4
    react-native-url-polyfill: ^2.0.0 => 2.0.0 (1.3.0)
    react-scripts: 5.0.1 => 5.0.1
    web-vitals: ^2.1.4 => 2.1.4
  npmGlobalPackages:
    @aws-amplify/cli: 12.7.1
    npm: 10.2.3
    serve: 14.2.1
    vue2react: 0.6.9

Describe the bug

• Fetching updates to backend environment: dev from the cloud.✅ GraphQL schema compiled successfully.
  Failed to compile.

Module not found: Error: Can't resolve './ui-components' in 'C:\my-appy\src'
ERROR in ./src/App.js 6:0-63
Module not found: Error: Can't resolve './ui-components' in 'C:\my-appy\src'

webpack compiled with 1 error

Expected behavior

ui-components are not synced to my local

Reproduction steps

npx create-react-app
amplify pull --appId xxxxxxxxxxxx --envName dev
npm install -g @aws-amplify/cli
npm install @aws-amplify/api @aws-amplify/pubsub
npm i @aws-amplify/ui-react aws-amplify --legacy-peer-deps

Code Snippet

// Put your code below this line.

Log output

// Put your logs below this line

aws-exports.js

No response

Manual configuration

No response

Additional configuration

No response

Mobile Device

No response

Mobile Operating System

No response

Mobile Browser

No response

Mobile Browser Version

No response

Additional information and screenshots

No response

[nadetastic]

Hi @Fentonfi thank you for opening this issue. It looks like it may be more related to Amplify Studio, and Im transferring it over for better assistance. Thanks!

[ykethan]

Hey @Fentonfi , thank you for reaching out. Are you observing the error when starting the react application npm start?

Could you try running amplify configure codegen, run through the flow, then run amplify pull

[Fentonfi]

Hi @ykethan ,

Thanks for reaching out. Seems like some firewall issue at my end. Today it got sorted out.

[github-actions]

⚠️COMMENT VISIBILITY WARNING⚠️

Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.
If you wish to keep having a conversation with other community members under this issue feel free to do so.