Webpack build fails referencing node-sass/lib/binding.js

[tonyjonah]

• NPM version (npm -v): 6.14.7
• Node version (node -v): v12.16.2
• Node Process (node -p process.versions):

{
  node: '12.16.2',
  v8: '7.8.279.23-node.34',
  uv: '1.34.2',
  zlib: '1.2.11',
  brotli: '1.0.7',
  ares: '1.15.0',
  modules: '72',
  nghttp2: '1.40.0',       
  napi: '5',
  llhttp: '2.0.4',
  http_parser: '2.9.3',    
  openssl: '1.1.1e',       
  cldr: '36.0',
  icu: '65.1',
  tz: '2019c',   
  unicode: '12.1'
}

• Node Platform (node -p process.platform): linux
• Node architecture (node -p process.arch): x64
• node-sass version (node -p "require('node-sass').info"):
  node-sass 4.12.0 (Wrapper) [JavaScript] libsass 3.5.4 (Sass Compiler) [C/C++]
• npm node-sass versions (npm ls node-sass): node-sass@4.12.0 deduped , node-sass@4.12.0

I've been having issues with compiling assets for the past two days. It completes with a Warning shown below

WARNING in ./node_modules/node-sass/lib/binding.js
19:9-37 Critical dependency: the request of a dependency is an expression
 @ ./node_modules/node-sass/lib/binding.js
 @ ./node_modules/node-sass/lib/index.js
 @ ./resources/assets/js/style.js
 @ ./resources/assets/js/main.js
 @ multi ./resources/assets/js/main.js ./resources/assets/sass/main.scss

I tried a number of things, and most recently I downgraded my version of node-sass to 4.12.0 to match the expected version of node seen in the README file. I'm still having the error. Here's my package.json file below showing the project dependencies

"devDependencies": {
    "axios": "^0.19.2",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.0.1",
    "jquery": "^3.5.1",
    "laravel-mix": "^1.7.2",
    "lodash": "^4.17.19",
    "vue": "^2.1.10"
  },
  "dependencies": {
    "ajv": "^6.12.3",
    "ajv-keywords": "^3.5.1",
    "appear": "^1.0.1",
    "compass": "^0.1.1",
    "friendly-errors-webpack-plugin": "^1.7.0",
    "fs-extra": "^9.0.1",
    "gmap3": "^7.2.0",
    "jquery-count-to": "^1.2.1",
    "jquery-countto": "^1.2.0",
    "jquery-ui": "^1.12.1",
    "jquery.appear": "^1.0.1",
    "jquery.flipster": "^1.1.2",
    "minimist": "^1.2.5",
    "node-sass": "^4.12.0",
    "owl.carousel": "^2.3.4",
    "pogo-slider": "^0.7.0"
  }

[nschonni]

You're not going to be able to "pack" node-sass as it is a native C++ dependency. You might look at dart-sass if you're trying to run something in the browser