Categories
Development

“Module not found: Error: Can’t resolve ‘electron-is-dev'” in electron & typescript & webpack project

I’m using Electron and Typescript with webpack. And I’m gonna add react.js. But I typed “npx webpack”, I got an error. It says “electron-is-dev module is not found”, but I already installed it. ERROR in ./src/main/window.ts Module not found: Error: Can’t resolve ‘electron-is-dev’ in ‘project-path/src/main’ @ ./src/main/window.ts 2:0-36 12:35-40 @ ./src/main/app.ts I can’t find how […]

Categories
Development

Webpack dev server reloads but doesn’t show Markup or CSS changes?

So i’m pretty new to Webpack, and I finally got the webpack-dev-server running. It recompiles and refreshes page on save, and it shows changes to my JS code. But it doesn’t seem to work well with my SASS or HTML files? On a fresh start, it will show a change if I make it, but […]

Categories
Development

Uncaught TypeError: _firebase_app__WEBPACK_IMPORTED_MODULE_0___default.a.registerVersion is not a function in IONIC v4

problem when run/deploy the app (ionic serve) in the console see this error Uncaught TypeError: _firebase_app__WEBPACK_IMPORTED_MODULE_0___default.a.registerVersion is not a function at auth.esm.js:372 at auth.esm.js:372 at Module.<anonymous> (auth.esm.js:372) at Module../node_modules/@firebase/auth/dist/auth.esm.js (auth.esm.js:374) at __webpack_require__ (bootstrap:83) at Module../node_modules/firebase/auth/dist/index.esm.js (index.esm.js:1) at __webpack_require__ (bootstrap:83) at Module../node_modules/@angular/fire/auth/auth.module.js (auth.module.js:1) at __webpack_require__ (bootstrap:83) at Module../node_modules/@angular/fire/auth/public_api.js (public_api.js:1) the auth.esm.js file shows in the end […]

Categories
Development

Loading Webpack handlebars images with file-loader

Not sure if I’m approaching this correctly, but I’m trying to use handlebars templates with file-loader in Webpack. The issue I’m having is the assets folder I have with images isn’t being copied over to the dist folder, and the img src is being resolved with file-loader to pull in images. If there is a […]

Categories
Development

React-router component does not update on navigation

As many other people have had the same issue, I’m struggling to interact with a <Link> element to change routes and render a new component. I am able to click on the link and the path for my application changes in my redux store, but no component gets updated. My root component does not seem […]

Categories
Development

“An accessor cannot be declared in an ambient context.” in a custom library

I have a webpack, typescript project (A) which emits a small library. The library is used in an angular 8 project (B). In project A I declare a class like: export class Foo { private foo: string; constructor(foo: string) { this.foo = foo; } } export class Bar extends Foo { private bla: string; constructor(foo: […]

Categories
CSS Development Vue

Vue.js production build problem – “CssSyntaxError app.css:1:1 Unknown word”

Attempting to build a production version of my app is failing – with the ‘Unknown word’ error message. Last week, of course, everything was fine. I’ve checked the contents of all the style tags within the components and there are no HTML tags nor are there any comments. I’ve progressively removed the style tags from […]

Categories
Development Plugins React

ReactJS Error: Module Build failed: SyntaxError: Unexpected token ‘<'

My ReactJS code throws an error when I try to compile it. I used ReactJS before but I never ran into this error (see below) ERROR in ./kapiche/@kapiche_react/teacher/login.jsx Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /mnt/d/src/kapiche/@kapiche_react/teacher/login.jsx: Unexpected token (59.6) 57 | render() { 58 | return ( > 59 | <div> | ^ 60 | Hello […]