I am trying out tailwindcss with my Vue project and while I solved some issue I had with the routing (while trying to break down my code into smaller components), I think I broke something else.
The code was compiling before I added my new routes. I can't seem to find what is wrong in this case.
Failed to compile.
./src/components/SiteHeader.vue?vue&type=style&index=0&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SiteHeader.vue?vue&type=style&index=0&lang=css&)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Cannot find module 'tailwindcss'
you can check out this repo, has very few files https://github.com/anaivanm/vue-tw/
First :
npm run dev
Then
npm install -D tailwindcss#latest postcss#latest autoprefixer#latest
For More Info :
Tailwind Docs
Also check this out :Restarting NPM
Related
I'm using ng-zorro v14.1.1 for my angular 14.2.7. But when I try to run my angular application, I got errors when building the project looking for modules from ng-zorro and identifying it as not found even though the files existed in the project.
Here's the full view of the error:
Additional detail of the project:
Angular Electron project
Angular 14.2.7
Electron 21.2.0
Thanks in advance for helping!
I tried removing node-modules and re-install ng-zorro-antd using ng add ng-zorro-antd, and even npm install ng-zorro-antd if it makes a difference but to no avail, I'm still having the issue. Thus, can't run the project.
I have solved my problem. What I did was to install the modules that are mentioned in the error:
I ran the commands:
npm i d3-zoom --> this command gives you hint on what to do next when you're trying to run the project after the installation is finished, and it instructed me to run the next command below:
npm i --save-dev #types/d3-zoom
npm i dagre-compound
npm i d3-shape
Am trying to create a vue project using command line but it is showing this error message:
Error unexpected end ofJSON input while parsing near '....67e12ef","tarball":"h'
Using command line, I created a new project in C directory after which, I installed vue using NPM. After that I try installing #vue/CLI globally using NPM but while installing it the above error sprout out.
Have done npm cache clean --force but still the same error..
It is hard to suggest anything because your question lacks details.
However this error often appears as a problem with npm itself.
Consider cleaning npm's cache with following commands:
npm cache clean --force
npm cache verify
If the problem will still occur, please provide more details.
I'm starting to learn Vue.js but when I try to launch vue ui, I get this error:
Error: Cannot find module 'core-js/proposals/array-flat-and-flat-map'
I tried to npm install -g core-js and yet still the same error.
my npm version is 6.4.1
Thanks for your anwsers
Here's a temp workaround while they work on resolving the underlying issue:
npm install -g core-js#3.0.0-beta.11
That temp resolution comes from this GitHub issue:
https://github.com/vuejs/vue-cli/issues/3406#issuecomment-459956718
I am trying to import a node module into my Vue project and am getting the following error:
ParseError: 'import' and 'export' may appear only with 'sourceType: module'
I understand that this is probably due to the node module not being transformed by babelify but I am not sure how to fix it.
My code can be found here:
https://github.com/timothyylim/vue-date-picker-example
Running
npm install
npm run dev
should show the error. I simply started with the vue-cli browserify template and tried to pull in a date picker component.
Any help would be greatly appreciated!
Follow the readme of the project you linked and use vue-cli: ~
npm install -g vue-cli
vue init browserify my-project
cd my-project
npm install
npm run dev
Follow up the command-line instructions, I had to install also #vue/cli-init as suggested. By the time being this worked, I can see the vue-cli compiles the same example you pointed out.
EDIT:
Looks like this was a issue with the component weifeiyue/vue-datepicker-local, it was recently fixed here:
https://github.com/weifeiyue/vue-datepicker-local/commit/a6e3078936a37acc1d6344b7b4d8c14b42be0844
The solution should be as simple as update the component.
I have found a react-native module I would like to use. It contains an error which prohibits the installation.
I have forked the repository and corrected the mistake.
Now I want to install my module in order to use it, however during execution of the post installation scripts I get an error - file not found.
I have tried to find the reason for it, but the reason is quite simple, the module is not in the node_modules directory, and when npm tries to "enter" there to run the scripts, it can't find them.
I have tried to check where this is installed, but I can't.
I use npm install <user>/<repo> to install my module.