Angular encountering issues with loading external JavaScript files due to the error: ENOENT - indicating that the specified file or directory does

I am attempting to incorporate a bootstrap template into Angular. The template requires some external JavaScript and CSS files that need to be linked. I have placed these files in the assets folder and referenced them in the styles and scripts arrays of angular.json like this:

"styles": [
              "src/styles.css",
              "src/assets/lib/bootstrap/css/bootstrap.min.css",
              "src/assets/lib/font-awesome/css/font-awesome.min.css",
              "src/assets/lib/animate/animate.min.css",
              "src/asstes/lib/ionicons/css/ionicons.min.css",
              "src/asstes/lib/owlcarousel/assets/owl.carousel.min.css",
              "src/asstes/lib/lightbox/css/lightbox.min.css"
            ],
            "scripts": [
              "./node_modules/jquery/dist/jquery.min.js",
              "./node_modules/jquery-migrate/dist/jquery-migrate.min.js",
              "./node_modules/bootstrap/dist/js/bootstrap.min.js",
              "src/asstes/lib/easing/easing.min.js",
              "src/asstes/lib/mobile-nav/mobile-nav.js",
              "src/asstes/lib/wow/wow.min.js",
              "src/asstes/lib/waypoints/waypoints.min.js",
              "src/asstes/lib/counterup/counterup.min.js",
              "src/asstes/lib/owlcarousel/owl.carousel.min.js",
              "src/asstes/lib/isotope/isotope.pkgd.min.js",
              "src/asstes/lib/lightbox/js/lightbox.min.js",
              "src/assets/js/main.js"
            ]

However, when I attempt to build the application, I encounter an error: Error: ENOENT: no such file or directory, open 'H:\digital\front\src\asstes\lib\easing\easing.min.js'

I have tried updating npm, closing and reopening the terminal, as well as running ng build, but the error persists.

jquerycssangularbootstrap-4external-js

Answer №1

It appears that the folder name "assets" is misspelled as "asstes". Please correct it to "assets".

Thank you.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Creating a JSON hierarchy from an adjacency list

I am currently working with adjacency data that includes ID's and Parent ID's. My goal is to convert this data into hierarchical data by creating nested JSON structures. While I have managed to make it work, I encountered an issue when dealing ...

javascriptjqueryarraysjson

Position DIVs next to each other

After scouring through countless Stack Overflow threads in search of a solution to my issue, I still can't seem to get it right. Everyone suggests using float: left, float:right, overflow: hidden, display: block, etc., but none of them are working for ...

csshtml

Error: An identifier was unexpectedly encountered while using the Submit Handler

I am currently working on creating a validation script and an AJAX call. I have encountered a problem where the alert message is not working within the if condition. I can't seem to figure out what's causing this issue. When I execute the scri ...

javascriptjqueryajaxvalidation

Is there a way to store a jQuery CSS manipulation within a cookie?

On my Wordpress site, I have a code that allows users to change the font size of the body when they click on one of three generated buttons: <button class='body_standard_font_size'>Standard</button> <button class='body_medium ...

jquerycsscookies

The Angular Fire Firestore module does not include the 'FirestoreSettingsToken' in its list of exported members

When I initially compiled my project, this issue occurred. The error message displayed is as follows: Module '".../node_modules/@angular/fire/firestore/angular-fire-firestore"' has no exported member 'FirestoreSettingsToken' In my a ...

angularionic-frameworkgoogle-cloud-firestore

Issue with jQuery's $(this).serialize() function not functioning correctly

&cellphone=0400000000¬es=this+is+a+test The mistake is visible above You'll notice that the following error has occurred ¬es It was actually supposed to be &notes= I'm curious why this happened. Below is the HTML form: <!---lef ...

jqueryjsonformsserializationthis

Looking for solutions to manage mouseenter, mouseleave events and ensuring content dropdowns stay visible in Vue.js 2?

Hey there, I'm trying to figure out how to keep dropdown content from disappearing when using @mouseenter and @mouseleave. Here's what I have so far: <div class="wrapper"> <div class="link" @mouseenter="show = ...

javascriptcssvue.jsvuejs2

Encountering an issue with Ajax code on initial execution

I've implemented an Ajax script on my PHP page to execute a PHP script upon clicking a button. However, the issue I am facing is that when I initially load the web page, the script does not run. But, if I click back and repeat the process, the script ...

phpjqueryajax

Tips for reconnecting tinymce to a textarea following an ajax refresh

Whenever I submit a form with a tinymce textarea, the containing div gets reloaded using the following code: $('body').on('submit', '.comment_form', function (e) { e.preventDefault(); tinyMCE.triggerSave(); ...

jqueryajaxtinymcereload

IE9 does not properly display SVGs used as background images

Utilizing SVG files as backgrounds for my HTML elements has been successful in most major browsers. However, an issue arises when trying to ensure compatibility with Internet Explorer 9. The problem lies within IE9's rendering of the SVG backgrounds, ...

htmlcsssvginternet-explorer-9background-image

The FreeTextBox Editor suddenly stopped functioning after the jquery post method was used

Thank you in advance. I have been utilizing the FreeTextBox editor within my asp.net web application, and it has been functioning well. I use a jquery Post method to populate the editor as well as other form fields with values retrieved from the database. ...

jqueryasp.net

How can one save a text value element from a cascading list in ASP.NET MVC?

I have recently started learning about javascript, jquery, and ajax. In my model, I have defined the following classes: namespace hiophop.Models { public class CarMake { public class Category { public int CategoryID { g ...

javascriptc#jqueryajaxasp.net-mvc

Is it possible to store multiple keys in HTML local storage?

Is there a way to store multiple keys to local storage without overwriting the previous ones when multiple people take a survey and refresh? Could they be grouped by userID or sorted in any way? $('form').submit(function() { $('input, ...

javascriptjqueryhtmllocal-storage

Getting unique identifiers for documents in AngularFire2's Firestore collections

After reviewing the Angularfirestores documentation, I found that it was not well documented. I encountered an issue while trying to retrieve unique IDs for each document from my Firestore database. Below is the code snippet I am working with: private bus ...

angularangularfire2uniqueidentifier

switch between choosing, including, and deleting

Presenting a catalog of products, showcasing available products along with all related rate plans. Each rate plan includes a toggle button for adding the product + rate plan to the order. Below are the functions used to add and remove items from the order ...

angularangular-material

Is there a way to load children components in my Routes from a module hosted on a CDN?

I'm looking to publish my prebuilt angular module on a CDN and have an Angular route load it. However, I'm encountering issues when trying to reference the module from a URL - it only works when the module is in the same directory as my index.htm ...

angularangular-router

Learn how to dynamically disable a button using jQuery within the Materialize CSS framework

While attempting to disable a button in Materialize CSS using jQuery, I encountered an issue. Despite following the documentation found here, it seems that simply adding the 'disabled' class does not automatically disable the button as expected. ...

javascriptjqueryhtmlcssmaterialize

Changing row colors based on property conditions in Angular 4

Hey there! I'm fairly new to Angular 4 and I've been working on creating a p-dataTable. My goal is to change the color of each row based on the quantity property of my object. Specifically, if the quantity is less than 10, I want the row to be di ...

angularangular2-forms

Navigating the bitbucket pipeline to execute test cases for Angular 4 applications

Currently, I am facing an issue while integrating Bitbucket Pipeline for Angular 4. The problem lies in the fact that Chrome browser is not opening in the Bitbucket Pipeline console. My main objective is to figure out a way to execute test cases in the B ...

angularbitbucket-pipelines

Module 'ngx-bootstrap' not found in project

My application is encountering an issue with ngx-bootstrap where the module can no longer be detected unless the path is specified. For instance: import { BsModalService, BsModalRef } from 'ngx-bootstrap'; results in "Cannot find module ' ...

node.jsangulartypescriptnpmngx-bootstrap