Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

"npm run dev-server" failed in ubuntu #41

Open
byteblock-labs opened this issue Apr 17, 2021 · 7 comments
Open

"npm run dev-server" failed in ubuntu #41

byteblock-labs opened this issue Apr 17, 2021 · 7 comments

Comments

@byteblock-labs
Copy link

Entrypoint main = js/main.bundle.js
[0] multi (webpack)-dev-server/client?http://localhost:8080 @babel/polyfill ./src/index.jsx 52 bytes {main} [built]
[./node_modules/@babel/polyfill/lib/index.js] 686 bytes {main} [built]
[./node_modules/@babel/polyfill/lib/noConflict.js] 567 bytes {main} [built]
[./node_modules/@babel/polyfill/node_modules/core-js/library/fn/global.js] 87 bytes {main} [built]
[./node_modules/normalize.css/normalize.css] 914 bytes {main} [built] [failed] [1 error]
[./node_modules/react-dom/index.js] 1.33 KiB {main} [built]
[./node_modules/react-phone-input-2/lib/style.css] 914 bytes {main} [built] [failed] [1 error]
[./node_modules/react/index.js] 190 bytes {main} [built]
[./node_modules/webfontloader/webfontloader.js] 12.2 KiB {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack)-dev-server/client?http://localhost:8080 4.29 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.51 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {main} [built]
[./src/index.jsx] 1.49 KiB {main} [built]
+ 2594 hidden modules

ERROR in ./node_modules/normalize.css/normalize.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Missing binding /root/ecommerce-react/node_modules/node-sass/vendor/linux-x64-83/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 14.x

Found bindings for the following environments:

  • Windows 64-bit with Node.js 14.x

This usually happens because your environment has changed since running npm install.
Run npm rebuild node-sass to download the binding for your current environment.
at Object.emitError (/root/ecommerce-react/node_modules/webpack/lib/NormalModule.js:173:6)
at getSassImplementation (/root/ecommerce-react/node_modules/sass-loader/dist/utils.js:59:21)
at Object.loader (/root/ecommerce-react/node_modules/sass-loader/dist/index.js:35:59)
@ ./src/index.jsx 2:0-37
@ multi @babel/polyfill ./src/index.jsx

ERROR in ./src/styles/style.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Missing binding /root/ecommerce-react/node_modules/node-sass/vendor/linux-x64-83/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 14.x

Found bindings for the following environments:

  • Windows 64-bit with Node.js 14.x

This usually happens because your environment has changed since running npm install.
Run npm rebuild node-sass to download the binding for your current environment.
at Object.emitError (/root/ecommerce-react/node_modules/webpack/lib/NormalModule.js:173:6)
at getSassImplementation (/root/ecommerce-react/node_modules/sass-loader/dist/utils.js:59:21)
at Object.loader (/root/ecommerce-react/node_modules/sass-loader/dist/index.js:35:59)
@ ./src/index.jsx 8:0-27
@ multi @babel/polyfill ./src/index.jsx

ERROR in ./node_modules/react-phone-input-2/lib/style.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleError: Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Missing binding /root/ecommerce-react/node_modules/node-sass/vendor/linux-x64-83/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 14.x

Found bindings for the following environments:

  • Windows 64-bit with Node.js 14.x

This usually happens because your environment has changed since running npm install.
Run npm rebuild node-sass to download the binding for your current environment.
at Object.emitError (/root/ecommerce-react/node_modules/webpack/lib/NormalModule.js:173:6)
at getSassImplementation (/root/ecommerce-react/node_modules/sass-loader/dist/utils.js:59:21)
at Object.loader (/root/ecommerce-react/node_modules/sass-loader/dist/index.js:35:59)
@ ./src/index.jsx 5:0-43
@ multi @babel/polyfill ./src/index.jsx
Child HtmlWebpackCompiler:
1 asset
Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
[./node_modules/html-webpack-plugin/lib/loader.js!./index.html] 657 bytes {HtmlWebpackPlugin_0} [built]
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/group-css-media-queries-loader/lib/index.js!node_modules/sass-loader/dist/cjs.js??ref--5-3!node_modules/normalize.css/normalize.css:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/dist/cjs.js?!./node_modules/group-css-media-queries-loader/lib/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/normalize.css/normalize.css] ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/normalize.css/normalize.css 739 bytes {mini-css-extract-plugin} [built] [failed] [2 errors]

ERROR in ./node_modules/normalize.css/normalize.css (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/normalize.css/normalize.css)
Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Missing binding /root/ecommerce-react/node_modules/node-sass/vendor/linux-x64-83/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 14.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 14.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.

ERROR in ./node_modules/normalize.css/normalize.css (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/normalize.css/normalize.css)
Module build failed (from ./node_modules/group-css-media-queries-loader/lib/index.js):
Error: PostCSS received undefined instead of CSS string
    at new Input (/root/ecommerce-react/node_modules/postcss/lib/input.js:38:13)
    at parse (/root/ecommerce-react/node_modules/postcss/lib/parse.js:13:15)
    at new LazyResult (/root/ecommerce-react/node_modules/postcss/lib/lazy-result.js:64:16)
    at Processor.<anonymous> (/root/ecommerce-react/node_modules/postcss/lib/processor.js:142:12)
    at Processor.process (/root/ecommerce-react/node_modules/postcss/lib/processor.js:121:23)
    at Object.GroupCssMediaQueriesLoader (/root/ecommerce-react/node_modules/group-css-media-queries-loader/lib/index.js:21:12)

Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/group-css-media-queries-loader/lib/index.js!node_modules/sass-loader/dist/cjs.js??ref--5-3!node_modules/react-phone-input-2/lib/style.css:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/dist/cjs.js?!./node_modules/group-css-media-queries-loader/lib/index.js!./node_modules/sass-loader/dist/cjs.js?!./node_modules/react-phone-input-2/lib/style.css] ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/react-phone-input-2/lib/style.css 739 bytes {mini-css-extract-plugin} [built] [failed] [2 errors]

ERROR in ./node_modules/react-phone-input-2/lib/style.css (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/react-phone-input-2/lib/style.css)
Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Missing binding /root/ecommerce-react/node_modules/node-sass/vendor/linux-x64-83/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 14.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 14.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.

ERROR in ./node_modules/react-phone-input-2/lib/style.css (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/react-phone-input-2/lib/style.css)
Module build failed (from ./node_modules/group-css-media-queries-loader/lib/index.js):
Error: PostCSS received undefined instead of CSS string
    at new Input (/root/ecommerce-react/node_modules/postcss/lib/input.js:38:13)
    at parse (/root/ecommerce-react/node_modules/postcss/lib/parse.js:13:15)
    at new LazyResult (/root/ecommerce-react/node_modules/postcss/lib/lazy-result.js:64:16)
    at Processor.<anonymous> (/root/ecommerce-react/node_modules/postcss/lib/processor.js:142:12)
    at Processor.process (/root/ecommerce-react/node_modules/postcss/lib/processor.js:121:23)
    at Object.GroupCssMediaQueriesLoader (/root/ecommerce-react/node_modules/group-css-media-queries-loader/lib/index.js:21:12)

Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/group-css-media-queries-loader/lib/index.js!node_modules/sass-loader/dist/cjs.js??ref--5-3!src/styles/style.scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/dist/cjs.js?!./node_modules/group-css-media-queries-loader/lib/index.js!./node_modules/sass-loader/dist/cjs.js?!./src/styles/style.scss] ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./src/styles/style.scss 739 bytes {mini-css-extract-plugin} [built] [failed] [2 errors]

ERROR in ./src/styles/style.scss (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./src/styles/style.scss)
Module Error (from ./node_modules/sass-loader/dist/cjs.js):
Missing binding /root/ecommerce-react/node_modules/node-sass/vendor/linux-x64-83/binding.node
Node Sass could not find a binding for your current environment: Linux 64-bit with Node.js 14.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 14.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.

ERROR in ./src/styles/style.scss (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/group-css-media-queries-loader/lib!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./src/styles/style.scss)
Module build failed (from ./node_modules/group-css-media-queries-loader/lib/index.js):
Error: PostCSS received undefined instead of CSS string
    at new Input (/root/ecommerce-react/node_modules/postcss/lib/input.js:38:13)
    at parse (/root/ecommerce-react/node_modules/postcss/lib/parse.js:13:15)
    at new LazyResult (/root/ecommerce-react/node_modules/postcss/lib/lazy-result.js:64:16)
    at Processor.<anonymous> (/root/ecommerce-react/node_modules/postcss/lib/processor.js:142:12)
    at Processor.process (/root/ecommerce-react/node_modules/postcss/lib/processor.js:121:23)
    at Object.GroupCssMediaQueriesLoader (/root/ecommerce-react/node_modules/group-css-media-queries-loader/lib/index.js:21:12)

ℹ ｢wdm｣: Failed to compile.

how do i solve this issue?
@jgudo
Copy link
Owner

jgudo commented Apr 17, 2021 via email

@byteblock-labs
Copy link
Author

tried with the below steps:

npm install

npm rebuild node-sass

npm run dev-server

found same issue? did u ever built in Ubuntu?

@jgudo
Copy link
Owner

jgudo commented Apr 17, 2021 via email

@byteblock-labs
Copy link
Author

Windows build works fine. Please support Linux also. Most deployments happen in CentOS/Ubuntu.

@jgudo
Copy link
Owner

jgudo commented Apr 17, 2021 via email

@byteblock-labs
Copy link
Author

nop, it is a compilation issue.

@jgudo
Copy link
Owner

jgudo commented Apr 17, 2021 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@jgudo @byteblock-labs