Error building my project in Nextjs

Asked

Viewed 23 times

-1

I am having problems building my project for Vercel, if it is necessary to look at the code of my project it is here https://github.com/lucasbpereira/lgpdmap

yarn build
yarn run v1.22.5
$ next build
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  
Warning: React version not specified in eslint-plugin-react settings. See https://github.com/yannickcr/eslint-plugin-react#configuration .
info  - Creating an optimized production build
Failed to compile.

HookWebpackError: <css input>:97:6: Missed semicolon


> Build error occurred
Error: > Build failed because of webpack errors
    at C:\www\clone\lgpdmap\node_modules\next\dist\build\index.js:15:924
    at async Span.traceAsyncFn (C:\www\clone\lgpdmap\node_modules\next\dist\telemetry\trace\trace.js:6:584)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

In development environment it presents the following Warning:

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of VisibilitySensor which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
    at span
    at VisibilitySensor (http://localhost:3000/_next/static/chunks/pages/index.js?ts=1627408737000:40233:5)
    at CountUp (http://localhost:3000/_next/static/chunks/pages/index.js?ts=1627408737000:13305:5)
    at h5
    at li
    at ul
    at section
    at OurNumbers
    at div
    at Home
    at MyApp (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1627408737000:33:24)
    at ErrorBoundary (http://localhost:3000/_next/static/chunks/main.js?ts=1627408737000:158:47)
    at ReactDevOverlay (http://localhost:3000/_next/static/chunks/main.js?ts=1627408737000:274:23)
    at Container (http://localhost:3000/_next/static/chunks/main.js?ts=1627408737000:8073:5)
    at AppContainer (http://localhost:3000/_next/static/chunks/main.js?ts=1627408737000:8561:24)
    at Root (http://localhost:3000/_next/static/chunks/main.js?ts=1627408737000:8697:25)
printWarning @ react-dom.development.js:67
error @ react-dom.development.js:43
findHostInstanceWithWarning @ react-dom.development.js:25406
findDOMNode @ react-dom.development.js:26067
componentDidMount @ visibility-sensor.js:397
commitLifeCycles @ react-dom.development.js:20663
commitLayoutEffects @ react-dom.development.js:23426
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
commitRootImpl @ react-dom.development.js:23151
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
commitRoot @ react-dom.development.js:22990
performSyncWorkOnRoot @ react-dom.development.js:22329
scheduleUpdateOnFiber @ react-dom.development.js:21881
updateContainer @ react-dom.development.js:25482
(anônimo) @ react-dom.development.js:26021
unbatchedUpdates @ react-dom.development.js:22431
legacyRenderSubtreeIntoContainer @ react-dom.development.js:26020
hydrate @ react-dom.development.js:26086
renderReactElement @ index.js:61
doRender @ index.js:81
_callee2$ @ index.js:44
tryCatch @ runtime.js:63
invoke @ runtime.js:293
(anônimo) @ runtime.js:118
asyncGeneratorStep @ asyncToGenerator.js:3
_next @ asyncToGenerator.js:25
(anônimo) @ asyncToGenerator.js:32
(anônimo) @ asyncToGenerator.js:21
_render @ main.js?ts=1627408737000:8438
render @ main.js?ts=1627408737000:8375
(anônimo) @ next-dev.js:8
(anônimo) @ fouc.js:4
requestAnimationFrame (assíncrono)
displayContent @ fouc.js:4
(anônimo) @ next-dev.js:8
Promise.then (assíncrono)
./node_modules/next/dist/client/next-dev.js @ next-dev.js:7
options.factory @ react refresh:8
__webpack_require__ @ bootstrap:25
__webpack_exec__ @ main.js?ts=1627408737000:47639
(anônimo) @ main.js?ts=1627408737000:47640
webpackJsonpCallback @ jsonp chunk loading:559
(anônimo) @ main.js?ts=1627408737000:1
Show 5 more frames

1 answer

1


He’s complaining point-to-comma in a CSS file, inside his scss has a few semicolon lines, tries to add and see what comes up.

If you delete the scss files from within the Components folder it will build normally, then the problem is in one of these 4 files.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.