Issue with asset and entrypoint size limit

Expo SDK
1

Hey all :slight_smile:

I’m getting some warnings after compiling successfully. However, my webpage is showing up as a blank white screen–regardless of the service that’s used to host my site.

Below are the warnings after running expo build:web

// ♥ expo build:web

✔ Expo Webpack
  Compiled successfully in 5.29s

Compiled with warnings.

asset size limit: The following asset(s) exceed the recommended size limit (586 KiB).
This can impact web performance.
Assets: 
  static/js/2.2030e4b4.chunk.js (881 KiB)

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (586 KiB). This can impact web performance.
Entrypoints:
  app (899 KiB)
      static/js/runtime~app.2e9f1821.js
      static/js/2.2030e4b4.chunk.js
      static/js/app.2a343540.chunk.js

webpack performance recommendations: 
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
Offline (PWA) support is not enabled in this build. Learn more: https://expo.fyi/enabling-web-service-workers

I’m not quite sure what is causing this issue as my I only have 4 assets in my assets folder and they are each very small in size. I’ve googled around to try to investigate the issue, but there I haven’t been able to find any solutions. I’d gladly appreciate any help.

For reference, here’s my package.json file with the libraries I’m using.

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@expo/webpack-config": "^0.12.60",
    "axios": "^0.21.1",
    "expo": "~40.0.0",
    "expo-status-bar": "~1.0.3",
    "moment": "^2.29.1",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-moment": "^1.1.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
    "react-native-web": "~0.13.12",
    "styled-components": "^5.2.1"
  },
  "devDependencies": {
    "@babel/core": "~7.9.0",
    "webpack-bundle-analyzer": "^4.4.0"
  },
  "private": true
}

Here’s the output after running expo diagnostics:

♥ expo diagnostics

  Expo CLI 4.2.1 environment info:
    System:
      OS: macOS 11.2.2
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 15.10.0 - /usr/local/bin/node
      Yarn: 1.21.1 - /usr/local/bin/yarn
      npm: 7.5.6 - ~/.npm-global/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    Managers:
      CocoaPods: 1.10.1 - /usr/local/bin/pod
    SDKs:
      iOS SDK:
        Platforms: iOS 14.4, DriverKit 20.2, macOS 11.1, tvOS 14.3, watchOS 7.2
    IDEs:
      Android Studio: 4.1 AI-201.8743.12.41.6953283
      Xcode: 12.4/12D4e - /usr/bin/xcodebuild
    npmPackages:
      expo: ~40.0.0 => 40.0.1 
      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.2.1
    Expo Workflow: managed

Thanks in advance! :slight_smile:

1 Like
2

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