npm run watch makes no changes.

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
Screenshot (10).png

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. css -error.png

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