Questions tagged [gulp]

Gobble is a robust JavaScript compilation framework, powered by the Node.js runtime, just like its counterpart Grunt. With Gobble, streamlined building and task handling is achieved through seamless streaming and smart-code configuration for an effortlessly efficient development workflow.

Issue with crosswalk plugin installation

Currently, I am in the process of adding the crosswalk plugin to my cordova app designed for android version 3.6.3. Everything seems fine until I encounter an issue during the download process. While running the npm install -g cordova-android-crosswalk com ...

What is the best way to utilize Gulp and Browserify for my JavaScript application?

Looking to modernize my app with a new build system and I could use some guidance. It seems like I need to shift my approach in a few ways. Here's the current structure of my app: /src /components /Base /App.jsx /Pages.jsx /... ...

Is it possible to utilize a Node NuGet package to install gulp and other npm packages using the package manager console?

I have developed a tool that runs on a visual studio build to automatically compile sass code. However, some backend developers do not have Node.js installed, which means sass is not being compiled on every build. To address this issue, I am exploring the ...

Leveraging gulp in combination with browserify and React along with additional addons

Currently, I am delving into the world of gulp, browserify, and react while working on a small test project. Everything was going smoothly until I decided to incorporate some animations. Specifically, this code snippet is causing me trouble: var React = r ...

Moving from gulp version 3 to version 4: A comprehensive guide

gulp.watch('watch', function() { watch('./app/index.html', function() { gulp.start('html'); }); }); I'm trying to trigger a task called 'html' whenever the file is changed. This was working fine in the prev ...

Global installation of NPM packages with CLI may result in encountering the error message "command not found"

This has happened to me twice in the past. The first time, I thought it was an issue with NPM, so I removed Node & NPM and stopped using the problematic package. I did a fresh installation and started working on another project. I installed the package (in ...

I am on the lookout for an Angular 2 application that utilizes Gulp to generate a distribution folder with the newest @angular frameworks

I'm on the lookout for an Angular2 application that incorporates Gulp to generate a 'dist' folder using the most recent @angular libraries. Although I've come across some online examples, they do not utilize the latest @angular libraries along with Gulp. ...

Utilize node.js on your local machine and leverage gulp to monitor any modifications

I recently copied a repository from https://github.com/willianjusten/bootstrap-boilerplate and followed these steps. git clone git://github.com/willianjusten/bootstrap-boilerplate.git new_project cd bootstrap-boilerplate npm install gulp The gulp comman ...

Tips for preventing the need to create a function within a loop

Currently, I am in the process of collecting data through REST calls. I have created a function that accesses a "directory" endpoint to retrieve a list of individuals. While I can easily obtain details about their children, I need to make individual AP ...

Setting up Visual Studio Code is a straightforward process that involves downloading the

I have been experimenting with visual studio code and attempting to utilize the built-in debugger. After finding some examples, I tried setting it up myself. Successfully, I managed to configure the gulp serve task which runs correctly using the command ...

Gulp dependencies appear to be absent, even after executing npm install

I am currently working on a project that utilizes Gulp. After deploying the project to my Ubuntu server, I wanted to compile the assets using my gulpfile. Following the installation of Node and npm, I executed npm install from the project's root directory ...

Protractor is able to achieve successful test results without actually executing the tests

SYMPTOMS When running Protractor, the tests pass successfully, but the pages do not load. Instead, they appear blank with "data:text/html" in the address bar (refer to the screenshot). Although the tests show as passed, there are 0 assertions being made. ...

Encountering a problem while attempting to start Gulp

I encountered an error while updating modules and I'm not sure how to resolve it. Every time I attempt to update, the same error reappears. I tried updating the core JS using the following commands: npm outdated npm install npm install I also referred to ...

GULP showing an error message "ACCESS DENIED"

Exploring the fascinating realm of Gulp for the first time has been quite an adventure. I have managed to create a gulpfile that effectively handles tasks like reading, writing, and compiling sass/css/js/html files. However, when I try to access the site o ...

Should I include JSX or JS when exporting ReactJS components as node modules to npm?

I've been busy developing React.js components and sharing them as modules on npm. My approach involves utilizing a gulp task to convert all jsx components into js, leveraging gulp-react: var react = require('gulp-react'); gulp.task(' ...

When I run "gulp serve," I receive the error message: "Uncaught ReferenceError: primordials is not defined."

Today marks my first day diving into the world of SPFx, Gulp, and Yo. I decided to follow a tutorial, but encountered a major error that's preventing me from moving forward: mini-3:helloworld-webpart admin$ gulp serve ReferenceError: primordials is no ...

Is it feasible to package shared modules into individual files using Browserify?

In my web app, I am using Browserify, Babel, and Gulp to bundle my scripts into a single file. However, when I checked the file size, it was over 3MB which seems excessive to me. Although I'm not entirely sure how Babel and Browserify modify my sourc ...

Issue: Module 'browser-sync' not found

Whenever I attempt to run gulp serve, an error is thrown. module.js:338 throw err; ^ Error: Cannot find module 'browser-sync' at Function.Module._resolveFilename (module.js:336:15) at Function.Module._load (module.js:278:25) ...

Get files asynchronously and parse them concurrently using Node JS

I am currently working on a gulp task that involves downloading JSON files from GitHub and then prompting the user to enter values for configuration. An example would be downloading an .ftpconfig file and asking the user for hostname, username, password, a ...

building responsive servers within Gulp using connect

Can I validate the availability of a server port before creating it using Gulp? Currently, this is my approach: /** * Start LiveReload Server */ gulp.task('connect', function() { var connect = require('connect'), app = ...

Is it beneficial to dockerize an AngularJS + nginx codebase?

Currently, I am working on an AngularJS front-end project that is hosted on nginx and communicates with a back-end Java server (which is not part of this codebase). Each time I need to install the package, I run the following commands: # ensure that node, ...

What is the process of integrating Gulp into my project?

My current setup involves utilizing Windows 7 and Visual Studio 2013 as part of my Client's project. In an attempt to integrate Gulp into the project, I have included the following Nugets: - Node.js version 0.12.0 - Npm.js version 1.3.15.10 However, when ...

Make sure to use the correct package version when compiling assets using webpack

Our asset building process involves webpack. Recently, I encountered an issue when upgrading graft-js-plugins-editor from version 2.0.0-beta1 to 2.0.0-beta5. Unfortunately, my colleague forgot to run npm install before building the assets, which resulted i ...

Encountering challenges in setting up the Gulp package

{ "name": "university", "version": "2.0.0", "devDependencies": { "webpack": "latest", "babel-loader": "latest", "eslint": "latest", "sass-loader": "latest", "gulp-sourcemaps": "latest", "autoprefixer": "latest", "postcss-l ...

What is the purpose of utilizing the npm init command when starting a fresh project?

When I first started learning Front End Development, I began by working on simple projects with just three files: a JavaScript file, an HTML file, and a CSS file. Now, I've learned that in order to start any new project, I need to use the npm init comman ...

Exploring the Organization of a Laravel Application (API, Administration, User Interface)

Help Needed with Organizing My Laravel App I am looking to structure my Laravel application in the following way: API Admin panel Public website So far, I have started building a folder structure that looks like this: app/ Http/Controllers/ ...

I'm curious to know the location where gulp-front-matter is storing my front matter information

I'm currently experimenting with the npm package in order to remove certain front matter from a markdown file and then retrieve the stripped markdown content. This leads me to my inquiry regarding the code snippet provided by the module documentation: var ...

Tips for executing gulp tasks in the command line

As a newcomer to Gulp, I've encountered an issue with executing a task named task1 in my gulp.js file. When I enter "gulp task1" in the command line, it opens the gulp.js file in Brackets editor instead of running the task as expected. Can anyone offe ...

Gulp ceased to function following the upgrade to node.js version 4.1

Recently, I made the leap from node 0.12.x to version 4.1.0. However, I encountered an issue after updating - my beloved gulp stopped working. A puzzling error message popped up in the console upon attempting to run gulp: module.js:338 throw err; ^ Error ...

Oops! The mighty gulp-clean frowns upon attempts to eradicate files outside its domain

Whenever I execute the command: gulp clean I encounter an error even though I tried using: gulp clean --force but it didn't work. Could someone please clarify what might be causing this issue or what mistake I am making? Your help would be greatly appr ...

The gulp task in nodejs becomes unresponsive after completing its job

In order to retrieve the number of users who do not have the location property set, I created a simple Gulp task called gulp load. Despite successfully obtaining the desired number, the process lingers in the terminal and needs to be stopped using ctrl-c ...

Could not locate a local gulp installation

Regarding the situation described in this inquiry, I have executed sudo npm install gulp -g and npm install gulp --save-dev. However, despite my efforts, I continue to encounter a persistent issue. Gulp seems unable to detect the local node_modules/.bin/gu ...

npm audit fix detected a critical vulnerability that could potentially result in Arbitrary File Overwrite

=== npm audit security report === ┌───────────────────────────────────────────────────────── ...

The perfect pairing: Visual Studio and Gulp

Having trouble running Gulp in Visual Studio for an angular app, I encountered the following error message: Cannot evaluate the item metadata "%(FullPath)". The item metadata "%(FullPath)" cannot be applied to the path "node_modulesgulp ode_modulesgul ...

Encountered a problem while trying to install gulp 4 with npm

I'm attempting to install gulp 4 using the command below: sudo npm install git+https://example.com/gulpjs/gulp.git#4.0 --save-dev However, I'm encountering a Permission Denied Error: npm ERR! code 1 npm ERR! Command failed: /usr/bin/git clone --depth=1 ...

Upgrade to the latest Gulp version and transition away from using the gulp.start function

Currently in the process of updating all my gulp v3 projects to v4, but running into an issue with the gulp start function. Upon executing gulp start in gulp v4, I encounter an error. This was the code snippet I used in v3: gulp.parallel within gulp.seri ...

Guide on compiling SCSS to CSS when running npm start

When running my application with npm start, I'm unable to compile scss files to css live. Is there a way to achieve live reload for sass to css similar to how ts are compiled to js by the tsc:w utility? Currently, I have to stop the build, then run gulp wa ...

Webpack fails to load or resolve dependencies for npm packages imported via git

Recently, I started using gulp-starter and encountered an issue while including a private npm package called "Pigeon" from a GIT repository. Despite successfully installing the package with all its dependencies in the node_modules directory, I faced diffic ...

What is the proper way to incorporate ts-nameof in the gulp build process and encounter the error message: 'getCustomTransformers' is a compiler option that is not recognized

Utilizing ts-nameof in my TypeScript files, similar to this example in a .ts file: import 'ts-nameof'; export class MyTsNameOfTest { public testTsNameOf() { const nameString = nameof(console.log); } } My Gulp build task setup - following the gui ...

Adjusting the node and npm versions

Attempting to upgrade my npm but encountering issues. When entering npm -v An error is displayed: -bash: /usr/local/bin/npm: No such file or directory Trying with sudo returns: sudo: npm: command not found ...

Detecting changes in the old version of Gulp 4 without applying any new CSS class

I encountered a strange issue with my Gulp 4 configuration. My programmer provided me with some code which I successfully modified by changing pixel values and adding new attributes to existing classes. The problem arose when I attempted to add a new cla ...

Gulp encountered an error: object anticipated

I am attempting to utilize gulp on Windows 7. gruntjs is functioning properly and node works as well. If I try running gulp without a gulp file, it successfully runs but displays 'no gulpfile found'. Running gulp -v yields: cli version 3.5.6, l ...

Troubles When Setting Up Gulp

Having some trouble getting Gulp to function properly on my Ubuntu system. After running the command to install Gulp, there are no reported errors. However, when I try to run gulp -v post-installation, it doesn't seem to work as expected. npm version ...

Sharing environment variables in gulpfile with other JavaScript files outside NODE_ENV

Is it possible to pass a variable other than NODE_ENV from the gulpfile.js to another javascript file? gulpfile.js // Not related to NODE_ENV! let isDevelopment = true; somejsfile.js /* I need to access "isDevelopment" from the gulpfile.js... For the ...

Generating a package.json file that includes a comprehensive list of all development dependencies

My Inquiry I've been pondering whether it's possible to include all the necessary devDependencies within the package.json file generated by running npm init in the Terminal for Gulp projects. Can these dependencies be pre-listed in the file instead of hav ...

Using Angularjs to route ejs static files located in the "views" folder from the "public" folder of express.js

My current project structure can be seen here: https://i.stack.imgur.com/TdqoN.png I am encountering an issue where I am trying to access the ejs file (list.ejs) located within the "views" folder from my angular routing file (main.js) in the "public" fold ...

Ugly consequences arise as Gulp stumbles upon uncharted territory during the uglify

I'm experiencing an issue with my squish-jquery task. Every time I run it, I encounter the following error: Starting 'squish-jquery'... events.js:85 throw er; // Unhandled 'error' event ^ Error at new JS_Parse_Error (/Users/shill7/D ...

Guide to setting up gulp with NPM

After following a tutorial on setting up the app, which seemed pretty standard compared to others I have found, I encountered an error when trying to complete step 1.2.3 - creating a gulpfile.js at the root of the project: Error: syntax error near unexp ...

Setting up environments utilizing restify

Having experience with gulp, I am well-versed in setting up a distinct configuration for each environment within a single configuration file. This allows for running gulp dev to initiate the server using the development environment configuration, gulp stag ...

Using Vue.js in conjunction with Gulp: A Beginner's Guide

Currently, I am working on a small project that involves gulp. I have a desire to incorporate vue.js into this project but do not have the knowledge on how to configure vue.js in the gulpfile.js. I am seeking guidance on the configuration of gulpfile to i ...

What is the best choice for a package.json file in an ASP.NET MVC project: devDependencies or dependencies?

I am currently in the process of developing an ASP.NET Core 2.0 MVC application and incorporating Angular 4 into it. To manage my dependencies, I have set up a configuration file named package.json in the root directory. Instead of using angular-cli, I ha ...

Tips for submitting an e-mail through an HTML form with the help of Node.js and Gulp

Today, I've been tackling the challenge of creating an HTML contact form that can send an email using Node.js and Gulp. However, I'm struggling to find a solution. Using a relative path to a simple .PHP file doesn't seem to be working, so it ...

Unable to access API endpoint for retrieving items as described in the Express/React tutorial on Pluralsight

Currently, I am going through a tutorial on React, Express, and FLUX. Unfortunately, I have encountered a roadblock in the form of a CANNOT GET error when trying to access my API data. https://i.stack.imgur.com/RbUzf.png In the server file under Routes > ...

Gulp encountered an error at line 72 of events.js

I have been experimenting with a jekyll style guide that I found on: https://github.com/davidhund/jekyll-styleguide#user-content-requirements Here is the gulpfile I am using: var gulp = require('gulp'); var sass = require('gulp-ruby-sass&a ...

What causes index.html to be returned instead of app.css?

I deploy my Angular application using an express server. var express = require('express'); var server = express(); server.use(express.static('./app')); server.all('*', function(req, res) { res.sendFile('index.html', { root: './app' }); }); server.listen ...

Can Gulp be configured to work in a distributed manner?

Let me walk you through my plan: I aim to create a node package that includes: gulpfile.js All necessary gulp plugins, tasks, and configurations. To implement this node package (referred to as "my-gulp" henceforth) into an Angular app (referred to ...

Developing a unique style.css for WordPress using package.json and Gulp

My experience with Gulp is fairly new, but I've been using it to streamline my build process for developing WordPress themes. I have successfully configured my package.json file and now I want my style.css file to dynamically reflect the version specified ...

Need to end all Node.js instances to properly reflect the code. Any solutions for resolving this issue?

After developing an application using typescript, hapi, and nodejs, I encountered a strange issue. Whenever I save, remove, or add new code, the changes are not reflected even after running gulp build. The only way to get it working is by closing all run ...

Multiple instances of node.exe processes are being spawned due to the Task Runner Explorer in Visual Studio 2015

Currently, I am utilizing gulp for the development of a website project. The task runner explorer in Visual Studio 2015 is able to detect the gulp file, allowing me to execute tasks from there. However, there has been an issue where numerous node.exe proce ...

The NPM Install command is failing to download the required dependencies

My current challenge involves the installation of the Ushahidi V3 Client. I have diligently followed the provided installation guide up to the point where I am required to build the project from the source repository using npm and gulp. These tools are com ...

Encountering a sudden problem while running gulp build due to a node_module - Surprising occurrence of Unexpected

Encountering an unexpected issue while running a gulp build process for a web app that I am struggling to resolve. The problem did not exist on the evening of 25/01/2019, but when attempting to execute the gulp build process this morning (30/01/2019), an ...

The Yeoman custom generator automates the installation of Gulp and its dependencies every time a new project

As a newcomer to Yeoman and Gulp, I am exploring ways to streamline the process of creating similar websites. My goal is to develop a custom generator for Yeoman that can handle template html files and transfer files and folders seamlessly during project s ...

Guide to setting up npm pug-php-filter in conjunction with gulp

I'm having trouble setting up pug-php-filter (https://www.npmjs.com/package/pug-php-filter) with gulp in order to enable PHP usage in my Pug files. Any assistance would be greatly appreciated. ...

Error: The gulp-cssmin plugin encountered a TypeError because it attempted to read the property '0' of a null

I am attempting to condense my code, but I am encountering this error: D:\gulp-compiler\node_modules\gulp-cssmin\node_modules\clean-css\lib\selectors\extractor.js:66 return name.replace(/^\-\w+\-/, ...

Gulp encountered an issue - Module 'sigmund' not found

After installing browser-sync, my previously working Gulp encountered an error: Error: Cannot find module 'lru-cache' To resolve this issue, I utilized the following solution: npm link lru-cache as suggested in this thread However, upon atte ...

What is the appropriate way to notify Gulp when a task has been completed?

I have been working on developing a gulp plugin that counts the number of files in the stream. Taking inspiration from a helpful thread on Stack Overflow (source), I started implementing the following code: function count() { var count = 0; function ...

What is the best way to determine if the properties in a JSON file are arranged in a specific

I have a large JSON file that is frequently updated with translation values. I am looking to verify if the properties in this JSON are sorted alphabetically. Ideally, I would like to automate this task using gulp and run it in a continuous integration envi ...

.css files standing their ground against modifications

Currently, I'm utilizing the WebStorm IDE to work on my React project. My goal is to make modifications to the app.css files in order to update the design. However, each time I attempt to build or run the project, it dismisses all of the changes I've mad ...

Converting typescript path aliases into local file paths

Just dipping my toes into typescript and grappling with module resolution. The problem seems straightforward (or so I think), but there's something off about my tsconfig.json. If my folder structure looks like this: + release + definitions + ...

The Angular module instantiation failed with the error message: "[$injector:modulerr] Failed to

Struggling with setting up basic AngularJS functionality for a project, especially when trying to include angular-route. Both components are version 1.4.8. My approach involves using gulp-require to concatenate my JS files. Here is my main javascript file: ...

Unable to compile TypeScript files using gulp while targeting ES5

After starting my first Angular2 app, I encountered an issue where I couldn't use gulp to compile for es5. Below is the dependencies file: "dependencies": { "@angular/common": "2.0.0", "@angular/compiler": "2.0.0", "@angular/compiler-cli": "0 ...

Is it feasible to generate emojis using a gulp Icon-font task?

I'm in the process of creating a script that can generate fonts from SVG images, and so far it's been successful (using similar code to what's provided on https://www.npmjs.com/package/gulp-iconfont) Now I have a more specific question - is there a way to ...

gulp-webpack is unable to locate node packages

Currently working on developing a modern Angular application. I have opted to use gulp-webpack for quick development builds. To handle my TypeScript bundling and node modules dependencies, I am relying on webpack. However, it seems that gulp-webpack is no ...

gulp-open not functioning properly following the use of createWriteStream

I am utilizing gulp, gulp-eslint, and gulp-open to generate a report detailing ESLint outcomes. The linting and file creation processes function correctly; however, the task aimed at opening the file containing my report encounters issues. gulp.task(&apos ...

How can the issue of encountering the npm error "gulp-cli module not found" when executing gulp be resolved, even after gulp-cli has been successfully installed?

I've been trying to follow a SASS tutorial on YouTube by net-ninja, which you can watch here. The tutorial recommends installing gulp with SASS. Unfortunately, I've encountered an issue where I can't seem to get gulp to work properly. Follow ...