Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.

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??