vue add pwa 한 후 에러발생 digital envelope routines::unsupported

[임효열]

vue add pwa까지는 잘 되어서 registerServiceWorker.js도 잘 생성되었는데 npm run build를 하면

> vuestagram@0.1.0 build
> vue-cli-service build

-  Building for production...

 ERROR  Failed to compile with 2 errors                                             오후 3:11:00

 error

js/app.1da55795.js from Terser
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:68:19)
    at Object.createHash (node:crypto:138:10)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\terser-webpack-plugin\dist\index.js:217:37
    at Array.forEach (<anonymous>)
    at TerserPlugin.optimizeFn (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\terser-webpack-plugin\dist\index.js:160:259)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1409:36    
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1405:32    
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at Compilation.seal (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1342:27)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compiler.js:675:18        
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1261:4     
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:24:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at Compilation.finish (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1253:28)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compiler.js:672:17        
    at _done (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at eval (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:32:22)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1185:12    
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1097:9     
    at process.processTicksAndRejections (node:internal/process/task_queues:77:11)

 error

js/chunk-vendors.8abbd02e.js from Terser
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:68:19)
    at Object.createHash (node:crypto:138:10)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\terser-webpack-plugin\dist\index.js:217:37
    at Array.forEach (<anonymous>)
    at TerserPlugin.optimizeFn (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\terser-webpack-plugin\dist\index.js:160:259)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:7:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1409:36    
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1405:32    
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at Compilation.seal (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1342:27)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compiler.js:675:18        
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1261:4     
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:24:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\Hook.js:154:20)
    at Compilation.finish (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1253:28)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compiler.js:672:17        
    at _done (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at eval (eval at create (C:\Users\User\Desktop\쀼우\vuestagram\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:32:22)
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1185:12    
    at C:\Users\User\Desktop\쀼우\vuestagram\node_modules\webpack\lib\Compilation.js:1097:9     
    at process.processTicksAndRejections (node:internal/process/task_queues:77:11)

 ERROR  Build failed with errors.

이런 에러가 뜹니다..ㅠ

[임효열]

해결했습니다!npm audit fix --force 하고 npm i -D eslint@7.32.0 하니까 되는것같아요!

[글쓴이]

글