Questions tagged [build]

Transforming the coding source files into independent software components that are executable on a computer.

Developing an Angular application and deploying it onto the server

I've been working on an angular6 application and I need to create a build to test it on my server. Currently, when I use ng server, the application runs without any errors in my browser. c:UsersemiryDesktopAngularProjectsStartingNewProject After ...

Compiling Python 3.4 with emscripten on Linux (encountering linkage errors)

I am in the process of building Python 3.4 from source using emscripten. After successfully installing emscripten and setting up a build folder outside the source tree, I have followed these steps: Ran configure: $ emconfigure ../Python-3.4.3/configur ...

Error encountered during compression of build artifacts with exit status 2

An issue occurred when attempting to deploy the application to Cloud Foundry following the installation of packages. Application type: Next.js ...

Vite build error: TypeError - Unable to access properties of null while trying to read 'useContext'

I used the following component imported from material-ui : import Paper from '@mui/material/Paper'; After running npm run build followed by npm run preview, I encountered an error in the console: Uncaught TypeError: Cannot read properties of n ...

Error message: "CORS issue arises in NextJS custom server following execution of 'npm run build'"

Everything was running smoothly until I needed to implement a production build with Server Side Rendering. Unable to utilize "next export," I ran into issues after executing "npm run build." Authentication failures led me to discover that the backend serve ...

Having trouble compiling vowpal wabbit on CentOS 7

Looking for assistance with installing Vowpal Wabbit in a virtual environment on CentOS 7. Dependencies like boost (available at this link: https://medium.com/@royendgel/boost-boost-python-dlib-python3-on-centos-or-amazon-linux-4039f70a3614) have already b ...

An informative step-by-step approach to constructing Angular applications utilizing npm and TypeScript

When I first encountered Angular2, I was introduced to TypeScript, npm, and more for the very first time. I was amazed by their power, but I know I've only scratched the surface. While I can navigate through the "development mode," my ultimate goal is: ...

"Enhance your project with the power of Angular CLI, npm,

I am working on an Angular 2 project built with npm and angular-cli. I want to be able to copy a folder into another folder before every compilation. The goal is to have multiple themes in individual folders, and then select one of those themes using a va ...

Problem Encountered in Angular 4 CLI when using enableProdMode in Internet Explorer 11

Currently, my Angular 4 application built using NodeJS works flawlessly on Internet Explorer 11 and the latest versions of Chrome and Firefox during development. However, when I enable Production Mode in the NodeJS Build as shown in the example from packa ...

Error encountered: "Missing fs module in Expo and NextJS build"

After setting up a monorepo for a NextJS + Expo React Native cross-platform application using Solito (), I successfully deployed both web and iOS apps. However, I encountered a build error in the Expo iOS app after accidentally wiping my local repository a ...

The link/routing functionality is not functioning properly post the build creation in the next 13 version

I am currently working on a project in next.js 13, where the only folder I have is named 'explore' and it utilizes dynamic routing. https://i.stack.imgur.com/COnbg.png Within the 'explore' folder, I am mapping over a list and using a ...

Error: Unable to locate font in the VueJS build

Within my config/index.js file, I have the following setup: ... build: { index: path.resolve(__dirname, 'dist/client.html'), assetsRoot: path.resolve(__dirname, 'dist'), assetsSubDirectory: 'static', assetsPublicPath: '', ... As for my Ap ...

Oops! Error: EPERM - operation forbidden

When attempting to execute the yarn build command, I encountered this error message. An error occurred during the build process [Error: EPERM: operation not permitted, open 'C:\Program Files (x86)\cmder\podcastr\.next\routes-m ...

Should the page.js in a Next.js App router be a server component?

Is it standard practice in Next.js 13 and above (App router) for the page.js of all routes/folders to be a server component? I know that it can be a client component with use client, but is this advisable or are there potential issues during the build proc ...

The building process of Ember encountered an error due to a problem with the broccoli builder

I'm currently working on an Ember project and facing an issue while trying to upgrade the version from 2.8 to 3.5.0. After changing the version and some dependencies, I encountered the following error : Error stack Even after attempting to resolve it in ...

Utilize postcss to monitor and combine various css files into a bundle named bundle.css

I am currently exploring a workflow with postcss where I want to organize my css partials in one folder, monitor them, and generate a single bundle css file. This bundle css file should include a base.css file at the top. Although postcss has a --watch fl ...

Document: include checksum in HTML

I have a set of three files. The file named loader.js is responsible for creating an iframe that loads another file called content.html, which in turn loads content.js. I have made loader.js publicly available so that other users can include it on their ow ...

The GNU Make tool will always execute the prerequisite command, even if the target remains unchanged

As a newcomer to make, transitioning from npm, I have encountered an issue when trying to use them together. Make always triggers a certain npm command even when the target files are present and unchanged. I have a project website in git with a git submod ...

Webpack is stuck during the building process for the vue.common.js file

I recently set up a new Laravel application on my VPS and encountered an issue while trying to build it. The problem occurs when webpack attempts to build node_modules/vue/dist/vue.common.js as the process hangs. Here is the terminal output (project name ...

Encountering a node-gyp build error when attempting to run npm install

When running npm install today, an error occurred. It seems to be related to hashtable and I have not encountered this issue before. > [email protected] install /Users/admin/myproject/node_modules/hashtable > node-gyp configure build CXX(tar ...

Building an Ionic app from a .git repository on your local machine: A step-by-step guide

Trying to set up Moodle's ionic mobile app on my local machine using Windows and following these steps: cd project-directory ionic platform add android Encountered an error in the command prompt: throw err; ^ Error: Cannot find module 'plist' Th ...

SvelteKit: Issue with missing images when running npm build

This is a straightforward SvelteKit application: <img src="static/bird.jpg" alt="a bird"/> When I use npm run dev, the image shows up just fine. However, when I execute npm run build and then npm run preview, only the alt text a ...

Encountering a hiccup in the Next.js build process

Warning: The entire page /reservation has been switched to client-side rendering. More info The entire page /properties has been switched to client-side rendering. More info The entire page / has been switched to client-side rendering. More info TypeError: ...

Issue encountered while executing the build command using npm run in a ReactJS project

Encountering an error when running "craco build" The command being executed is: npm run dist When I try to run npm run build from the same folder, I face the same error. Here are the commands in the package.json file: "scripts": { "start": "npm ru ...

What are some strategies to enhance the build performance of nextjs in development mode?

I am currently working on a small Next.js application that uses both internal and external libraries. While the production build performs well, I have noticed that the development builds are extremely slow. Whenever I make a change to a page component that ...

Node can be used to minimize a static website

I have a website with static files like index.html, styles folder, scripts folder, and media folder. I want to create a script that minimizes all these files and organizes them in a dist folder while keeping the original structure. It seems like something ...

Troubleshooting Ionic Framework Build Failures: How to Overcome Project Creation Errors in Version 4.12.0

After successfully installing ionic on my system, I encountered a problem when trying to run ionic run app tabs. While it was able to install all the necessary npm packages, an issue arose with the following prompt: Downloading binary from https://github. ...

The lazy loading feature is affected by Angular's ng build process

My app has lazy loading configured and works fine with ng serve. However, when I use ng build, it stops working without any error messages. I have checked the Angular official documentation and can't seem to find any missing steps in my process. I in ...

Encountering a white screen following the execution of npm run build on a React

When trying to deploy my application after running npm run build, I am encountering a white screen upon opening. The issue seems related to the file build/index.html, even though I have set the homepage as "." in package.json. I have attached ...

Serve a customized directory in production with Next.js

The issue at hand: Whenever I execute the command next build on my live server, the page appears unstyled during the building process. What I aim to achieve: Compile the application into a directory named build Transfer the contents of build to a director ...

The tsconfig.json file is not effectively excluding the node_modules folder

When attempting to compile my project using the command npm run ng build, I encounter errors originating from the node_modules folder, as dictated by the rules in tsconfig.json. node_modules/@alfresco/js-api/src/api/gs-core-rest-api/model/filePlan.ts:46:1 ...

Can you explain the term used to describe when specific sections of the source code are run during the build process to improve optimization?

One interesting feature I've noticed in next.js is its automatic code optimization during the build process. This means that instead of running the code every time the app is executed, it's evaluated and executed only once during the build. For ...

Webpack has no issues building the files, however, the JavaScript fails to execute during runtime

I recently upgraded from Webpack v4 to v5, following the documentation and addressing any deprecation messages from the CLI. The build was successful, but when testing the application, I noticed that the JavaScript wasn't running and no errors were be ...

Issues with React router arise once the app has been built

I am new to utilizing react and react-router in my project. I have built the application using create-react-app and now I am facing an issue with routing between two main pages. After trying different approaches, I managed to get it working during develop ...

Struggling with Docker build hanging on pm2 start command

I am trying to build a docker container by using the following Dockerfile: FROM node:12-buster WORKDIR /opt/myapps/ COPY . /opt/myapps/ RUN apt update RUN apt upgrade -y RUN apt install git -y RUN git config --global user.email "someone@example.com" RUN ...

The Angular CLI has encountered an issue - Syntax Error: Unexpected token {

After using Angular CLI to successfully create projects for some time, I encountered an issue today when attempting to serve a new project. ng serve Unexpected token { SyntaxError: Unexpected token { at exports.runInThisContext (vm.js:53:16) at Modu ...

The build process was unsuccessful due to an error stating: "Unable to compile - Unable to read property 'toLowerCase' of an undefined value

Whenever I run npm run build in my create-react-app project, it fails to compile and shows me the error message Cannot read property 'toLowerCase' of undefined. I have examined my code and realized that I do not use toLowerCase anywhere. The onl ...

Beneath the Surface: Exploring Visual Studio with NPM and Typescript

Can you explain how Visual Studio (2015) interacts with external tools such as NPM and the Typescript compiler (tsc.exe)? I imagine that during the building of a solution or project, MSBuild is prompted to execute these additional tools. I'm curious abou ...

Terminate the bash script if there is a failure during the React build process

I am facing an issue with some deployments that are breaking production due to the bash script continuing even if the build fails. Is there a way to ensure that the script stops running if npm run build fails? #!/usr/bin/env bash source .env ENVIRONMENT= ...

Store npm installation task in Visual Studio Team Services cache

After setting up a private agent in VSTS and globally installing NPM, I am facing an issue where each build task is taking around 12 minutes to install NPM packages. This extended time is affecting the efficiency of my builds. Is there a way to cache NPM ...

Analysis of npm script execution time and performance metrics

Can the performance of npm scripts be measured in a similar way to how time-grunt operates? I'm transitioning some critical build tasks to use npm instead of Grunt because creating my own build script offers more flexibility than relying on certain Grunt ...

Directory structure for creating web applications using the React CLI

I have developed a react application using the react CLI. During development, it runs from the root of the web server: http://localhost:3000 by utilizing npm start: "start": "react-scripts start" However, when deploying the app, I need to place it ...

Create for ejs: ERROR script build not found (npm run build)

When attempting to deploy my .ejs file using 'npm run build', I encountered an error: npm ERR! Missing script: "build". I have tried numerous configurations in my package.json file, including: "scripts": { "test": "echo "Error: no test specified" && ...

Encountering an issue with Angularjs 1.7.7 + webpack where only the production build is displaying an injector module error. Any suggestions on

I have embarked on the process of transitioning my angularjs (1.7.7) app to webpack. Here is my configuration in webpack.config.js - const webpack = require('webpack'); const path = require('path'); const HtmlWebpackPlugin = require("html-webpack-plugin" ...

Navigating through error messages in NextJs 14 can be tricky, especially when faced with the dreaded "ReferenceError: document not defined" or "prerendering error". It's vital to pinpoint exactly which page

When attempting to run the build on my Next.js application, I encountered an error message that is not very informative given the number of files/pages in my project. How can I pinpoint the exact location of this error and determine the root cause? The pro ...

Execute code once gulp task has been completed for all files

I've been experimenting with Gulp to compare its speed with Grunt, and I'm quite impressed with the results. However, there's one thing I'm unable to figure out how to do in Gulp. Specifically, I have this gulp task for minifying HTML: gulp.task('html-mi ...

A missing semicolon is encountered while compiling a React application

I am currently working on my app using Create React App and incorporating scss. I have used a vscode plugin to convert the scss to css, but I keep encountering an error when running npm run build. The error message reads as follows: [email protected ...

What is the best method for testing different versions of the same module simultaneously?

My goal is to distribute a module across various component manager systems like npmjs and bower. I also want to provide downloadable builds in different styles such as AMD for requirejs, commonJS, and a global namespace version for browsers - all minified. ...

Quickly organize your files by placing them into individual folders for each entry

Currently in my project, I am utilizing Vite, Vue3 and TypeScript You can view the structure of my next project here I aim to organize each index.html file, along with its style, script, and assets into separate folders based on input entry Upon runnin ...

Executing task automation using Grunt

I am facing an issue while trying to run a build system using grunt. Whenever I attempt to execute the command npm install -g grunt-cli, I encounter errors as shown in the attached images. Even though I have already installed grunt-cli, I am puzzled by all ...

Execute numerous npm scripts simultaneously

I have several npm scripts that need to be executed in a specific order. Currently, I am achieving this by running the following commands: npm run clean && npm run browserify && npm run test Is there a way to combine these into a single ...

The csslint configuration for Mimosa is not being recognized by the csslintrc file

In my Mimosa project, I have created a .csslintrc file following the documentation provided in mimosa-config-documented.coffee Additionally, I have also generated a .jshintrc file. Interestingly, while the .jshintrc file is successfully detected, the css ...

Executing the eslint command upon every save action

My package.json script is configured as follows: "scripts": { "lint": "eslint src webpack.config.js || exit 0" }, Is there a way to automate the execution of this lint command each time I save a file, eliminating the ...

How to have multiple versions of grunt coexisting on a single machine

I am involved in two different projects that have unique requirements for Grunt versions: Project A specifically needs Grunt v0.3.2 Project B requires Grunt v0.4.1 Both of these projects are managed in separate workspaces. Currently, I have Grunt v0.4. ...

Can you explain the purpose of the yarn command --prefer-offline?

After installing an npm package like react for the first time using yarn add react I noticed that the .yarn-cache folder contains many files. I assume this is where yarn stores the local cache, so when I install react again in the future, it will be pulle ...

Using the ASP.NET parameter or variable in both the application settings and application build events

Is it possible to retrieve an Application Setting from the Pre Build Event in ASP.NET? Can the value of a Setting be injected from the Pre Build Event? Here is the full context: In my project, I have an Angular app integrated within an ASP.NET 4 Web API ...

Issue with ngfactory.js warning in Angular 6+ when building in production mode, but the development build is running without any

I am encountering an error while trying to build Angular for production. Can someone please provide a solution to this issue? WARNING in ./src/app/userforms/login/login.component.ngfactory.js 149:679-708 "export 'MAT_PROGRESS_BAR_LOCATION' (imported as ...

The bootstrap4 UI Framework Web project encountered an npm run build error

Hey, I'm in need of some assistance. Whenever I enter npm run build into my Windows 10 terminal, I encounter the following errors: 'imagemin' is not recognized as an internal or external command, operable program, or batch file. npm ERR! code ELIFECY ...

Navigating the source-map-explorer tool in a ReactJs environment has left me feeling perplexed

I am facing an issue with my React project where the production build size of the main.xxxx.js file is too large (19.3 MB) and I need to reduce it. After researching online, I found out that analyzing the build files is the first step to identify the code ...

With Next.js14, an error occurs when building with Nodejs20. The application runs smoothly on localhost, but encounters errors during the deployment process, resulting in a 500 internal server error

I recently updated my Node.js version to the latest, which is version 20. After that, I created a new project using Next.js. While it runs fine on my localhost, I encountered errors during the build process even though I didn't change any code. I&apos ...

What steps should I take to resolve the issue where Angular project error states that the data path "/polyfills" must be a string?

I am struggling with deploying my Angular app to Firebase and/or running it successfully locally using NodeJS version 18. To access the package.json and source code, you can click on this link: https://github.com/anshumankmr/jovian-genai-hackathon/blob/mas ...

Error encountered during the construction of the dojo due to a CSS syntax

I am currently using version 1.9.3 of dojo, and I have encountered an issue with the css file when trying to build dojo using build.bat. The code in my css file is as follows: @import url("TimeDriverCommon.css"); @import url("DialogCommon.css"); @import ...

Problem encountered during NextJS build: ReferenceError - 'window' is undefined

While I am in the process of developing my app, I have encountered a perplexing issue with a ReferenceError: window is not defined. This error seems to be happening even though I am utilizing 'use client' "use client"; import React, { u ...

Upon completing the build process, a blank white page appears when attempting to run it

I executed the yarn build command and received the dist folder. However, when I run the index.html, I encounter a blank white page. Directory Structure:- :~/Desktop/web$ ls babel.config.js docs node_modules public src yarn.lock ...

msal npm build execution halted due to loader issues

I've been working on setting up msal for use with nodejs. My goal is to verify that emails are successfully received by test users in end-to-end webdriverio tests. Following the npm msal guide here, I made good progress but ran into some errors while runn ...

The process of creating a React build varies greatly from the initial development phase

Thank you for offering to help me! After building my React web app, it looks very different from development mode. I use serve -s build to monitor the app build. However, even on my online DigitalOcean server, it doesn't appear the same as in development. ...

Using Angular: Embed environment.ts into index.html as a standalone JavaScript file

Angular is typically set up to include the environment.ts file into main.js during the build process. This means that when dealing with multiple environments and corresponding environment.ts files, we must choose the environment at build time. My goal is ...

Securing Artifacts in GitHub Actions: Best Practices for Keeping Your Data

I have a unique project in mind for a single-page application hosted on GitHub. The application will interact with a REST API, and I am using Vite as the build tool. One challenge I'm facing is that all environment variables are included in the output when ...

The Next.js build output continues to display the Pages Router even after transitioning to the App Router

After migrating all the routes on my project from pages router to app router, I no longer have a pages folder. However, the build output is still displaying the pages router's 404 route. View Build Output Route (pages) Size ...

Create a Vue application that is built on modules which could potentially be absent

I am currently developing a Vue+Vite app with module-based architecture. I have several Vue components and some parts of the app are functioning correctly. However, I want to ensure that the missing components are not imported or used in the application. H ...

NextJS encounters build crashes while parsing emojis and special characters when utilizing the "export" script

Recently, I've been working on a NextJs app that runs smoothly on my localhost without any errors during compilation. However, when I try to use the script next build && next export and access my local build in the browser, only the HTML file ...

At what point is it ideal to initiate a project?

Imagine my project as an npm package where I use tools like webpack or grunt to bundle my css, js, and img files into a dist directory. The build script is specified in the package.json. When is the best time to execute the build script? Should I do it du ...

Following deployment and page building in REACT JS, the pages fail to open

As a student still learning, I'm in need of assistance with a project. When I deploy the system and run the build, the initial page works fine but all redirects fail to work. If you'd like to view the page, it's available at: I'm seei ...

"Incorporating the node_modules folder into the Express.js compilation process

Is there a way to automatically include dependencies during Express.js compilation, similar to building a React project? I want to avoid dealing with dependencies after the build process. Any suggestions on how to achieve this? I have not attempted any so ...

Encountering an issue in a Next.js application while building it, where an error is triggered because the property 'protocol' of 'window.location' cannot be destructured due to being undefined

While building my nextjs application, I encountered the following error. My setup uses typescript for building purposes, although I am only using JavaScript. Build error occurred: TypeError: Cannot destructure property 'protocol' of 'window.location' as i ...