[HOLD for payment 2023-02-18] Storybook is broken locally

[marcaaron]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

Run storybook locally

Expected Result:

It works

Actual Result:

Get this error:

ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Can't resolve '/fonts/ExpensifyNeue-Regular.woff2' in '/Users/marcglasser/Expensidev/App/assets/css'
    at finishWithoutResolve (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:309:18)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:87:43
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/forEachBail.js:16:12
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/AliasPlugin.js:125:14
    at next (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/forEachBail.js:14:3)
    at forEachBail (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/forEachBail.js:24:9)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/AliasPlugin.js:51:5
    at _next0 (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:8:1)
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:30:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /Users/marcglasser/Expensidev/App/node_modules/enhanced-resolve/lib/DirectoryExistsPlugin.js:41:15
    at processTicksAndRejections (node:internal/process/task_queues:82:21)
    at processResult (/Users/marcglasser/Expensidev/App/node_modules/webpack/lib/NormalModule.js:758:19)
    at /Users/marcglasser/Expensidev/App/node_modules/webpack/lib/NormalModule.js:860:5
    at /Users/marcglasser/Expensidev/App/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:400:11
    at /Users/marcglasser/Expensidev/App/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:252:18
    at context.callback (/Users/marcglasser/Expensidev/App/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
    at Object.loader (/Users/marcglasser/Expensidev/App/node_modules/css-loader/dist/index.js:155:5)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

Workaround:

Dev only issue

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android / native
• Android / Chrome
• iOS / native
• iOS / Safari
• MacOS / Chrome / Safari
• MacOS / Desktop

Version Number:
Reproducible in staging?:
Reproducible in production?:
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation
Expensify/Expensify Issue URL:
Issue reported by:
Slack conversation:

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01809793b2aad8dcd7
• Upwork Job ID: 1622978214386040832
• Last Price Increase: 2023-02-07

[MelvinBot]

Job added to Upwork: https://www.upwork.com/jobs/~01809793b2aad8dcd7

[MelvinBot]

Triggered auto assignment to Contributor Plus for review of internal employee PR - @Santhosh-Sellavel (Internal)

[marcaaron]

This is an easy one so we don't need a C+ review. Thanks.