Storybook build is broken
Closed this issue · 0 comments
jaredhill4 commented
After migrating to PostCSS the Storybook build is broken. It appears it is having a problem finding the assets, so we probably need to take a look at what is going on with postcss-url plugin. Here is the output I'm currently seeing:
70% building 2266/2266 modules 0 activeERR! => Failed to build the preview
ERR! Module not found: Error: Can't resolve './dist/assets/fonts/gilroy-thin.woff' in '/Users/jaredhill/Code/lc-component-library/src/styles'
ERR! ModuleNotFoundError: Module not found: Error: Can't resolve './dist/assets/fonts/gilroy-thin.woff' in '/Users/jaredhill/Code/lc-component-library/src/styles'
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/Compilation.js:925:10
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:401:22
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:130:21
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:224:22
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/neo-async/async.js:2830:7
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/neo-async/async.js:6877:13
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:214:25
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:213:14
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:285:5
ERR! at eval (eval at create (/Users/jaredhill/Code/lc-component-library/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:285:5
ERR! at eval (eval at create (/Users/jaredhill/Code/lc-component-library/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:285:5
ERR! at eval (eval at create (/Users/jaredhill/Code/lc-component-library/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
ERR! ModuleNotFoundError: Module not found: Error: Can't resolve './dist/assets/fonts/gilroy-thin.woff' in '/Users/jaredhill/Code/lc-component-library/src/styles'
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/Compilation.js:925:10
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:401:22
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:130:21
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:224:22
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/neo-async/async.js:2830:7
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/neo-async/async.js:6877:13
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/webpack/lib/NormalModuleFactory.js:214:25
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:213:14
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:285:5
ERR! at eval (eval at create (/Users/jaredhill/Code/lc-component-library/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:285:5
ERR! at eval (eval at create (/Users/jaredhill/Code/lc-component-library/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/Resolver.js:285:5
ERR! at eval (eval at create (/Users/jaredhill/Code/lc-component-library/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
ERR! at /Users/jaredhill/Code/lc-component-library/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
ERR! resolve './dist/assets/fonts/gilroy-thin.woff' in '/Users/jaredhill/Code/lc-component-library/src/styles'
ERR! using description file: /Users/jaredhill/Code/lc-component-library/package.json (relative path: ./src/styles)
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! using description file: /Users/jaredhill/Code/lc-component-library/package.json (relative path: ./src/styles/dist/assets/fonts/gilroy-thin.woff)
ERR! no extension
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff doesn't exist
ERR! .mjs
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.mjs doesn't exist
ERR! .js
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.js doesn't exist
ERR! .jsx
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.jsx doesn't exist
ERR! .ts
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.ts doesn't exist
ERR! .tsx
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.tsx doesn't exist
ERR! .json
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.json doesn't exist
ERR! .cjs
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.cjs doesn't exist
ERR! .ts
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.ts doesn't exist
ERR! .tsx
ERR! Field 'browser' doesn't contain a valid alias configuration
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff.tsx doesn't exist
ERR! as directory
ERR! /Users/jaredhill/Code/lc-component-library/src/styles/dist/assets/fonts/gilroy-thin.woff doesn't exist
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.