npm run watch makes no changes.

[karkiswapnil]

I made some changes in my app.scss then i ran npm run watch but changes are not showing.

[karkiswapnil]

P.S i also tried npm run watch-poll still didn't show any changes

[rahul]

Hi,

Kindly clear your browser cache, run above command & then check.
If still issue persist, please write to us.

Thanks
Rahul Shukla

[karkiswapnil]

yes i cleared cache and even config but no luck

[rahul]

Hi,

Make sure that we are running this command on your package's root directory, like if you are changing app.scss file of shop then it should be run in 'shop' package and so on and not in root directory of project.

If still it is not making any changes, please attach a screenshot for the same.

Thanks
Rahul Shukla

[karkiswapnil]

cross-env not recognized

[karkiswapnil]

Its working now..
I did the following

First, run:

rm -rf node_modules
rm package-lock.json yarn.lock
npm cache clear --force

Then run the command

npm install cross-env

npm install

and then you can also run

npm run dev

[rahul]

Hi,

Make sure that you have installed all npm dependencies properly, so if not installed then run 'npm install' at root of your package & if it is installed and giving this error then delete 'node_modules' folder (which will appear on your package after npm install) and install npm again.

In your case, after viewing your screenshot, i can guess that you did not installed node dependencies.

Thanks
Rahul Shukla

[karkiswapnil]

Thank you

[carlosgarts]

I'm having a related problem, currently i'm developing a package and i'm following the steps in documentation, but i have several days trying to figure out a problem with my webpack.min.js

i'll add some screenshots of what's going on when i run 'npm run watch':

this is my webpack.mix.js

this is my package.json i updated some depencies but it's even worst if they are not updated

this is a folder that's generated when i use 'composer dump-autoload'

in here the errors appear as i run 'npm run watch'

/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

!(function webpackMissingModule() { var e = new Error("Cannot find module 'D:\\xampp\\htdocs\\proyectos\\flawless\\packages\\ACME\\Citas\\src\\Resources\\assets\\js\\app.js'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
!(function webpackMissingModule() { var e = new Error("Cannot find module 'D:\\xampp\\htdocs\\proyectos\\flawless\\packages\\ACME\\Citas\\src\\Resources\\assets\\sass\\app.scss'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());

[rahul]

Hello,

Make Sure that you have created you app.js file, app.scss file and image folder in required location.
According to your webpack file, create all these files in your package.
js file path - /src/Resources/assets/js/app.js
scss file path - /src/Resources/assets/sass/app.scss and so on.

For more reference, see attached image.

Thanks
Rahul Shukla

[carlosgarts]

Yes i created the app.scss and the app.js files in their folders, i don't know why this happens

[carlosgarts]

if i can;t reach a solution today i will follow laravel documentation to develop my package, would it work fine with current bagisto version right?

[carlosgarts]

I managed to solve the problem by duplicating the package.json from the 'packages/Webkul/Ui' package and run npm install and all the steps that karkiswapnil gave in his solution.

i recommend to not update packages but to use the same versions even if it warns you about vulnerability, otherwise you won't be able to follow the step by step of the documentation.

And please review your own 'package develop documentation, from the step 9 it starts to be a little confusing and redundant with the folder structure, you should upload the ideal folder structure for the helloworld package, thanks