Categories
Mastering Development

Video JS in Angular 9 – live video – ‘Can’t resolve videojs’ problem?

I am struggling to get the videojs to work in my angular 9 app. I have viewed all the exisitng stackoverflow posts, applied their solution, looked at different blog posts and github for issues with video js but I still have the ‘Can’t resolve videojs’ problem. I would like it to work in that an […]

Categories
Mastering Development

Angular9 application app selector html not loading with prod build

I have migrated my angular application from angular8 to 9. package.json { “name”: “visur”, “version”: “1.4.7-alpha.3”, “scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e” }, “private”: true, “dependencies”: { “@angular-devkit/build-webpack”: “^0.901.7”, “@angular/animations”: “~9.1.2”, “@angular/cdk”: “^9.0.0”, “@angular/common”: “~9.1.2”, “@angular/core”: “~9.1.2”, “@angular/flex-layout”: “9.0.0-beta.31”, “@angular/forms”: “~9.1.2”, “@angular/http”: […]

Categories
Mastering Development

Angular9 application app selector html not loading with prod build

I have migrated my angular application from angular8 to 9. package.json { “name”: “visur”, “version”: “1.4.7-alpha.3”, “scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e” }, “private”: true, “dependencies”: { “@angular-devkit/build-webpack”: “^0.901.7”, “@angular/animations”: “~9.1.2”, “@angular/cdk”: “^9.0.0”, “@angular/common”: “~9.1.2”, “@angular/core”: “~9.1.2”, “@angular/flex-layout”: “9.0.0-beta.31”, “@angular/forms”: “~9.1.2”, “@angular/http”: […]

Categories
Mastering Development

Angular9 application app selector html not loading with prod build

I have migrated my angular application from angular8 to 9. package.json { “name”: “visur”, “version”: “1.4.7-alpha.3”, “scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e” }, “private”: true, “dependencies”: { “@angular-devkit/build-webpack”: “^0.901.7”, “@angular/animations”: “~9.1.2”, “@angular/cdk”: “^9.0.0”, “@angular/common”: “~9.1.2”, “@angular/core”: “~9.1.2”, “@angular/flex-layout”: “9.0.0-beta.31”, “@angular/forms”: “~9.1.2”, “@angular/http”: […]

Categories
Mastering Development

How to configure Angular to use Firebird with Webpack

How to correct way to implement the Firebird with Webpack on one simple Angular component? I read some posts that “require” has been discouraged? The package used is this https://www.npmjs.com/package/firebird I already installed webpack npm install –save-dev @types/webpack-env And updating my tsconfig.json with the following under compilerOptions: “types”: [ “webpack-env” ] Could someone help me […]

Categories
Mastering Development

How to fix: The feature watch recursively is unavailable on the current platform, which is being used to run Node.js

I am trying to run a typescript express.js in a docker container. After running the docker I get the following error: > ts-node-dev src/app.ts Using ts-node version 8.10.1, typescript version 3.9.2 TypeError [ERR_FEATURE_UNAVAILABLE_ON_PLATFORM]: The feature watch recursively is unavailable on the current platform, which is being used to run Node.js at Object.watch (fs.js:1441:11) at add […]

Categories
Mastering Development

I can’t seem to be able to use hooks in react

I’m starting a new react app. So far, nothing weird has been added. This is how my package.json looks like: { “name”: “client”, “version”: “0.1.0”, “private”: true, “dependencies”: { “@testing-library/jest-dom”: “^4.2.4”, “@testing-library/react”: “^9.3.2”, “@testing-library/user-event”: “^7.1.2”, “axios”: “^0.19.2”, “bootstrap”: “^4.4.1”, “fibers”: “^5.0.0”, “jquery”: “^3.5.0”, “moment”: “^2.24.0”, “node-sass”: “^4.14.0”, “popper”: “^1.0.1”, “react”: “^16.13.1”, “react-bootstrap”: “^1.0.1”, “react-dom”: “^16.13.1”, […]

Categories
Mastering Development

Mocked `fs.createFileSync` and `fs.unlinkSync` are not getting called

I have a function that does a lot of things, but among them is that it copies a file to a special directory, does something with it (calls something to interact with that file without using the fs module), and then deletes the copied file once finished. import { copyFileSync, unlinkSync } from ‘fs’; myOtherFunction(path: […]

Categories
Mastering Development

Published npm package does not apply styles

I’m currently working on creating an npm package. Which is basically a React component with added styles using SCSS. When I test it out, the class names are there, but no styles are being applied. Here is the repo for the package. I use a separated webpack config for building the specific folder where the […]