Expand my Community achievements bar.

Issue with npm run watch (AEM beginner)

Avatar

Level 2

Hi all,
While going through this tutorial I encountered an issue with the using "npm run watch". It does not update the files under ui.apps...

I'm on Windows 10 using AEM cloud. I appreciate any ideas that solve the issue.

 

This is my output in the terminal:

mflanagan@EDWNB2164 MINGW64 ~/aem-sdk/code/aem-guides-wknd/ui.frontend (master)
$ npm run watch

> aem-maven-archetype@1.0.0 watch
> webpack-dev-server --config ./webpack.dev.js --env writeToDisk & chokidar -c "clientlib" ./dist & aemsync -w ../ui.apps/src/main/content

<i> [webpack-dev-server] [HPM] Proxy created: /content,/etc.clientlibs -> http://localhost:4502
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:8080/
<i> [webpack-dev-server] On Your Network (IPv4): http://172.29.14.19:8080/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\public' directory
assets by path clientlib-site/fonts/ 22.4 KiB
asset clientlib-site/fonts/.gitkeep 1 bytes [emitted] [from: src/main/webpack/resources/fonts/.gitkeep] [copied]
asset clientlib-site/fonts/wknd-icon-font.svg 12.6 KiB [emitted] [from: src/main/webpack/resources/fonts/wknd-icon-font.svg] [copied]
asset clientlib-site/fonts/wknd-icon-font.ttf 4.88 KiB [emitted] [from: src/main/webpack/resources/fonts/wknd-icon-font.ttf] [copied]
asset clientlib-site/fonts/wknd-icon-font.woff 4.95 KiB [emitted] [from: src/main/webpack/resources/fonts/wknd-icon-font.woff] [copied]
assets by chunk 233 KiB (name: site)
asset clientlib-site/site.css 27.5 KiB [emitted] (name: site)
asset clientlib-site/site.js 205 KiB [emitted] (name: site)
asset clientlib-site/images/.gitkeep 1 bytes [emitted] [from: src/main/webpack/resources/images/.gitkeep] [copied]
asset index.html 34 KiB [emitted]
Entrypoint site 233 KiB = clientlib-site/site.css 27.5 KiB clientlib-site/site.js 205 KiB

LOG from ./node_modules/sass-loader/dist/cjs.js sass-loader ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/site/main.scss
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($line-height-computed, 2) or calc($line-height-computed / 2)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> src\main\webpack\site\_base.scss 32:25 @Import
<w> src\main\webpack\site\main.scss 4:9 root stylesheet
<w>
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($line-height-computed, 2) or calc($line-height-computed / 2)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> src\main\webpack\site\_base.scss 63:22 @Import
<w> src\main\webpack\site\main.scss 4:9 root stylesheet
<w>
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($gutter-padding, 2) or calc($gutter-padding / 2)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> src\main\webpack\components\_image.scss 23:21 @Import
<w> src\main\webpack\site\main.scss 5:1752 root stylesheet
<w>
<w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
<w>
<w> Recommendation: math.div($gutter-padding, 2) or calc($gutter-padding / 2)
<w>
<w> More info and automated migrator: https://sass-lang.com/d/slash-div
<w>
<w> src\main\webpack\components\_image.scss 24:24 @Import
<w> src\main\webpack\site\main.scss 5:1752 root stylesheet
<w>

WARNING in ./src/main/webpack/site/main.ts
Module Warning (from ./node_modules/glob-import-loader/index.js):
(Emitted value instead of an instance of Error) Could not find any files that matched the wildcard path.
NonErrorEmittedError: (Emitted value instead of an instance of Error) Could not find any files that matched the wildcard path.
at Object.emitWarning (C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\webpack\lib\NormalModule.js:595:16)
at C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\glob-import-loader\index.js:60:24
at finishWithoutResolve (C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\enhanced-resolve\lib\Resolver.js:312:11)
at C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\enhanced-resolve\lib\Resolver.js:386:15
at C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\enhanced-resolve\lib\Resolver.js:435:5
at eval (eval at create (C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1)
at C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\enhanced-resolve\lib\Resolver.js:435:5
at eval (eval at create (C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1)
at C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:87:43
at C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\enhanced-resolve\lib\Resolver.js:435:5

WARNING in ./src/main/webpack/site/main.ts
Module Warning (from ./node_modules/glob-import-loader/index.js):
(Emitted value instead of an instance of Error) Empty results for "import "./**/*.js""
NonErrorEmittedError: (Emitted value instead of an instance of Error) Empty results for "import "./**/*.js""
at Object.emitWarning (C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\webpack\lib\NormalModule.js:595:16)
at C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\glob-import-loader\index.js:119:16
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async Promise.all (index 1)
at async Object.module.exports (C:\Users\mflanagan\aem-sdk\code\aem-guides-wknd\ui.frontend\node_modules\glob-import-loader\index.js:80:25)

2022-09-06 16:28:25: webpack 5.74.0 compiled with 2 warnings in 11536 ms

 

 

4 Replies

Avatar

Level 2

Hi @nika-ch I meet the same issue when I try to execute npm run watch command, and no new files generated in dist folder or clientlib-site folder, did you resolve the issue??