clean-css | Fast and efficient CSS optimizer for node.js and the Web | Runtime Evironment library

I am currently deploying my Vue 3 project (with Laravel API Backend) and I am having some troubles with deploying.

What I am trying to do is, I used git-ftp to push my Vue project to production server and then I run npm install and npm run build to build the app. I am getting an error:

FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap out of memory

I have read on some similar questions that one possible way was to use command with allocating more memory to Vue

npx --max_old_space_size=4095 vue-cli-service build --modern

however this produced the same error. These are my package.json dependencies (dev included)

I'm running into an error on Windows 10 whenever I try to run webpack, it works fine on macOS. This is the error

[webpack-cli] HookWebpackError: Not supported

It runs fine without "CopyPlugin", but I would like to copy img folder into dist folder. Have you experienced similar issues and how did you fix them?

Getting below error after installed latest node.js (v16.13.1)

Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93) For more information on which environments are supported please see: https://github.com/sass/node-sass/releases/tag/v4.14.1 I have created static pages for my application and use sass and gulp

I have a static pages and using Sass in the page and use gulp to run on the browser.(npm install). Below are the version which worked my application:

• Node.js - 12.18.0
• gulp - "4.0.2"
• "gulp-sass": "4.1.0"

Package.json file

After changing gulp 3 to 4 I receive the error when I try to run gulp build:

I have had to recently upgrade to gulp 4 and I found this error:

Did you forget to signal async completion?

My gulpfile looks as follows:

The Problem

We're building a new application and have opted to go with a GULP and Webpack pipeline for compiling SCSS, Vue 3 and Typescript files. Unfortunately, I've spent the last day looking for an answer to a recursive issue where I fix one problem and it reverts back to the previous problem, fix that problem it reverts to the one I've already fixed and so on.

As part of pulling in vue-loader an initial error is thrown stating vue-template-compiler is a required dependency. Downloading the missing dependency fixes the issue but now a new error is thrown stating a version mismatch with Vue as they both need to be on the same version.

After looking around I'm aware vue-template-compiler was replaced with @vue/compiler-sfc in v3, so naturally I've uninstalled the former and installed the latter. However, it lead me right back to square one where it stated vue-template-compiler needs installing or to specify a compatible compiler via the options.

I've looked at various questions and answers on specifing the compiler in webpack.config but constantly got lead back to stuff I'd viewed.

Attempted Solutions

Vue 3 Problem with Vue Template Webpack for Vue 3 Vue 3 Supporting Typescript

Error One

I want to install a list of packages from a simple text file (yes, package.json is what this was designed for)

my first approach was this:

npm i $(cat builder-dev-packages.txt) -g similar to this: docker rm $(docker ps -a -f status=exited -q)

But I'm still getting that command evaluated as an invalid tag name.

npm ERR! code EINVALIDTAGNAME ": Tags may not have any characters that encodeURIComponent encodes.

Do I need to run through my npm command with a while loop instead of evaluating the output of a cat statement? This script still provides the same error for each line in the txt file.

So the problem I am facing is that some packages in my package.json file required node version greater than 10. So I have nvm package installed to manage node versions and when I do node -v it gives me this: v12.19.0. So if the node version is 12.19.0 then the error shouldn't come but I think this is a global version of node so when I do npm update, this comes up:

I'm new to gulp tasks. I'm practicing it now. After some googling I learned to write few tasks. I'm using tailwind and bulma css in my project.

Here is my setup.

package.json: