Skip to main content

Solution for building errors with Vuejs 3

This morning I tried to generate a production build for my Vuejs project. I had run this command several time already, for the same project, without issues. But this morning I got the error:

No module factory available for dependency type: CssDependency

I am using vue/cli 5.11 and it's a Vuejs 3 project, and executing the command in a Windows Terminal window.

Same, when I was serving the project, suddenly is had this strange error:

There are multiple modules with names that only differ in casing.

Long story short, the solution was to open a windows terminal and run the exact same command. I love those kind of situation where everything is resolved easily.

As for the reason it happened: after searching on Stackoverflow and Github issues, it seems to be linked to windows' path case sensitivity and Webpack. I don't know why it happened suddenly.


EDIT 27th January: It seems like Windows Terminal's cd command is not case sensitive. What I think happened is that I probably switched to a directory using the wrong case.


Comments

Post a Comment

Popular posts from this blog

Installing Postgres on Linux Lite (Ubuntu)

I have followed these instructions from the Postgres documentation : # Create the file repository configuration: sudo sh -c 'echo "deb https://apt.postgresql.org/pub/repos/apt $(lsb_release -cs)-pgdg main" > /etc/apt/sources.list.d/pgdg.list' # Import the repository signing key: wget --quiet -O - https://www.postgresql.org/media/keys/ACCC4CF8.asc | sudo apt-key add - # Update the package lists: sudo apt-get update # Install the latest version of PostgreSQL. # If you want a specific version, use 'postgresql-12' or similar instead of 'postgresql': sudo apt-get -y install postgresql   After that, I was having trouble authenticating to Postgresql after installing the db server on Linux Lite.  This stackoverflow answer was very helpful. Open the file pg_hba.conf . For Ubuntu, use for example /etc/postgresql/13/main$ sudo nano pg_hba.conf and change this line at the bottom of the file, it should be the first line of the settings: local all ...
Post a Comment
Read more

Fixing x-invalid-end-tag lint error on Vuejs

  My situation is: Coding with vue in a Vue file. Using the Vetur plugin in VS code It then generates an error of type x-invalid-end-tag in a quite random fashion. To solve it, I have found one simple trick in this github issue: // .eslintrc.js module.exports = {  //... rules:  { 'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]  }  }
Post a Comment
Read more

Building a chess game in Go

Context  I have recently decided to focus my efforts on the Go programming language. I have used it professionally before and it is a pleasure to go back to it. I really enjoy working with it. In order to practice, I have created a very crude chess game. You can see the code on Github here: https://github.com/nakurai/go-chess-game.    I have tried several time to build the chess logic, and gave up every time. I am very happy to have completed it. I used the most naive data structures and algorithms in this logic, but that's how I was able to complete it. To handle the UI, I used Ebitengine . The documentation is quite sparse (at least for now) but it is a very neat library. I would like to do more with it in the future. As you can see in the video, the "AI" is for now very trivial. It just picks a move randomly among all the possible ones available. Challenges  In terms of challenges, learning how to use the game engine while ramping up my skills in Go was the main c...
Post a Comment
Read more