Create Scandipwa App Bug

[kghori36]

Failed to compile.
./node_modules/@scandipwa/scandipwa/src/index.js 35:7
Module parse failed: Unexpected token (35:7)
File was processed with these loaders:

• ./node_modules/@tilework/mosaic-webpack-import-loader/index.js
  You may need an additional loader to handle the result of these loaders.
  | }
  |

render(, document.getElementById('root'));
|

I am Getting this error when i run npm run start command after installed csa on my machine
Terminal Shows me Above Error

[rMazeiks]

Hi, thanks for your report!

I was unable to reproduce the issue you describe. When creating a new app (npx create-scandipwa-app test-app), entering the directory (cd test-app/) and running the app (npm run start), everything works as expected.

Could you please provide additional details?

• Which OS are you using?
• Node and npm version
• Exact steps you took (exact commands)

Perhaps it would also be helpful if you attached your package-lock.json

Thank you!

[kghori36]

i am using windows 10 enterprise version
node version - 14.17.0
npm version - 6.14.13
cmd : npx create-scandipwa-app my-app

[kghori36]

Hi, thanks for your report!

I was unable to reproduce the issue you describe. When creating a new app (npx create-scandipwa-app test-app), entering the directory (cd test-app/) and running the app (npm run start), everything works as expected.

Could you please provide additional details?

• Which OS are you using?
• Node and npm version
• Exact steps you took (exact commands)

Perhaps it would also be helpful if you attached your package-lock.json

Thank you!

still it is not working same issue.

[Nightliss]

Hi there,

I'm having the same issue:

Windows 10 Pro 21H1 (Build 19043.1165)
node v14.17.5
npm v6.14.14
yarn v1.22.11

When issuing command npx create-scandipwa-app my-app and yarn is installed, then running yarn start produces error like in the OP.

Same command but without yarn (so npm is used), then npm run start will produce

> scandipwa-scripts start

Error: Cannot find module '@tilework/mosaic-craco'

After installing missing package (npm i -D @tilework/mosaic-craco) and running npm run start produces error like in the OP.

please change extensions
yarn.lock.txt
package-lock.json.txt

I have also noticed that yarn.lock is generated even when yarn is not installed.

[ahmedalmulki]

I have same problem :
node : 14.17.5
npm : 6.14.14
OS : ubuntu 20

after run npm run build or start i get the following error

Error: Cannot find module '@tilework/mosaic-craco'
Require stack:
- /var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/service-worker/build-config/lib/workbox-babel-plugin.js
- /var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/service-worker/build-config/workbox-dev.js
- /var/www/test-store/src/localmodule/my-app/node_modules/@tilework/mosaic-cra-scripts/lib/build-plugins.js
- /var/www/test-store/src/localmodule/my-app/node_modules/@tilework/mosaic-cra-scripts/lib/craco.js
- /var/www/test-store/src/localmodule/my-app/node_modules/@tilework/mosaic-cra-scripts/bin/cra-scripts.js
- /var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/scandipwa-scripts/bin/scandipwa-scripts.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15)
    at Function.Module._load (internal/modules/cjs/loader.js:745:27)
    at Module.require (internal/modules/cjs/loader.js:961:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (/var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/service-worker/build-config/lib/workbox-babel-plugin.js:3:38)
    at Module._compile (internal/modules/cjs/loader.js:1072:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
    at Module.load (internal/modules/cjs/loader.js:937:32)
    at Function.Module._load (internal/modules/cjs/loader.js:778:12)
    at Module.require (internal/modules/cjs/loader.js:961:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/service-worker/build-config/lib/workbox-babel-plugin.js',
    '/var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/service-worker/build-config/workbox-dev.js',
    '/var/www/test-store/src/localmodule/my-app/node_modules/@tilework/mosaic-cra-scripts/lib/build-plugins.js',
    '/var/www/test-store/src/localmodule/my-app/node_modules/@tilework/mosaic-cra-scripts/lib/craco.js',
    '/var/www/test-store/src/localmodule/my-app/node_modules/@tilework/mosaic-cra-scripts/bin/cra-scripts.js',
    '/var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/scandipwa-scripts/bin/scandipwa-scripts.js'
  ]
}


ERROR!

     Failed to load extension`s @scandipwa/service-worker craco-plugins script.
     Looked in /var/www/test-store/src/localmodule/my-app/node_modules/@scandipwa/service-worker/build-config/workbox-dev.js file.
     See detailed error log above.

[amiyoghoshstar]

Im also getting the same error

[ahmedalmulki]

@amiyoghoshstar just run npm install @tilework/mosaic-craco or use yarn

[devteamnau]

i have not resovled this issue but it has something to do with OS.
on centos 7 i have already configured it it is working fine the same code and same npm and nodejs version are configured on windows it give the op error.
i am still trouble shooting it but looks some path issue on windows.

[bytepattern]

getting the same issue on windows 10

./node_modules/@scandipwa/scandipwa/src/index.js 35:7
Module parse failed: Unexpected token (35:7)
File was processed with these loaders:

• ./node_modules/@tilework/mosaic-webpack-import-loader/index.js
  You may need an additional loader to handle the result of these loaders.
  | }
  |

render(, document.getElementById('root'));
|

[discostu001]

getting the same issue on windows 10

./node_modules/@scandipwa/scandipwa/src/index.js 35:7
Module parse failed: Unexpected token (35:7)
File was processed with these loaders:

• ./node_modules/@tilework/mosaic-webpack-import-loader/index.js
  You may need an additional loader to handle the result of these loaders.
  | }
  |

render(, document.getElementById('root'));
|

Also getting this issue.

[vikaskamboj321]

Failed to compile. ./node_modules/@scandipwa/scandipwa/src/index.js 35:7 Module parse failed: Unexpected token (35:7) File was processed with these loaders:

• ./node_modules/@tilework/mosaic-webpack-import-loader/index.js
  You may need an additional loader to handle the result of these loaders.
  | }
  |

render(, document.getElementById('root'));
|

I am Getting this error when i run npm run start command after installed csa on my machine Terminal Shows me Above Error

getting same error https://prnt.sc/1ve1kmn

[alex-iordache]

Same exact issue. Installed successfully on a Ubuntu machine, but on two sepparate windows 10 machines - the exact same error.
It doesn't matter what node version - I've tried everything:

• installed everything with and without administrator rights
• ran it with and without admin rights
• with or without yarn
• from CMD and PowerShell
• on the desktop and also on the root system folder (c:\app)
• Even imported a working project from a MacOS system
  Everything results in the exact same error:

./node_modules/@scandipwa/scandipwa/src/index.js 35:7
Module parse failed: Unexpected token (35:7)
File was processed with these loaders:

• ./node_modules/@tilework/mosaic-webpack-import-loader/index.js
  You may need an additional loader to handle the result of these loaders.
  | }
  |

render(, document.getElementById('root'));
|

[amikamboj]

HI Scandi,
Good Day!

I am also getting the same issue ::

./node_modules/@scandipwa/scandipwa/src/index.js 35:7
Module parse failed: Unexpected token (35:7)
File was processed with these loaders:

• ./node_modules/@tilework/mosaic-webpack-import-loader/index.js
  You may need an additional loader to handle the result of these loaders.
  | }
  |

render(, document.getElementById('root'));
|

Please help us to solve it

Thank you