You may need an additional loader to handle the result of these loaders

[Divya-Gunaseelan]

Hi, I get the below error while trying to setup sunrise spa with my existing merchant center project (sunrise data).

Module parse failed: Unexpected token (114:24) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js
• ./node_modules/vue-loader-v16/dist/templateLoader.js
• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/vue-loader-v16/dist/index.js You may need an additional loader to handle the result of these loaders. | / PROPS / | , ["price"]), _ctx.lineItem.price.discounted != null ? (_openBlock(), _createElementBlock("span", _hoisted_11, [_createVNode(_component_DiscountTag, {

  name: _ctx.lineItem?.price?.discounted?.discount?.name

  | }, null, 8 | / PROPS /

Could some one please help me in sorting out this? I have also attached the list of errors and supporting configuration files for reference. And, I use "yarn start" to run my project.

[harm-meijer]

@Divya-Gunaseelan Can you try installing the dependencies with yarn install --frozen-lockfile? With VUE minor updates can break the build, this should not be the case according to npm specs but it still does.

You should also make sure that unchanged code works. If you really get stuck you can send me a link to the forked repo and I'll have a look.

[Divya-Gunaseelan]

@harm-meijer Thank you. It worked and the sunrise spa site is now hosted on my localhost. I am trying to set up sunrise spa with sunrise data. Below are the steps that I've followed and could not see any sync between sunrise spa and sunrise data.

1. Created new project in MC (with project key div-sunrise-spa)
2. Downloaded sunrise data zip file from https://github.com/commercetools/commercetools-sunrise-data
3. Unzipped the sunrise data folder and opened it in Visual Studio Code
4. npm install
5. Created new API client (admin client) in MC and downloaded client credentials in .env format
6. copied .env file to the root folder
7. npm run start

Sunrise Data is now available in the MC without any issues.

Now with sunrise spa:

1. Downloaded sunrise spa zip file from https://github.com/commercetools/sunrise-spa/tree/development
2. Unzipped the file and opened it in visual studio code
3. yarn install --frozen-lockfile
4. Created new API client (SPA client) in MC and downloaded client credentials in Sunrise Spa format
5. Copied the client credentials to the root folder and renamed the file to .env.local
6. yarn start Sunrise Spa page opens successfully on my localhost. But, the sunrise data is not populated in the sunrise spa website.

I am missing something here. But not sure what it is! Could you please help me out with this?

Many thanks in advance.

[harm-meijer]

@Divya-Gunaseelan Since you use sunrise-data the locales and locations should be set up correctly so nothing needs to be done there. If you open the devtools in the browser can you run the following command in the console: localStorage.clear() when you refresh the page it should get a new token connecting to your merchant center project (see in the console what config is uses).

Are there any errors in the console?

[Divya-Gunaseelan]

@harm-meijer thanks a lot for helping me in setting this up! Sunrise Spa is now working fine (I can see my MC project in the config). I tried to create a test product in MC but could not see the product in the spa (frontend). Hope this takes some time to be visible at the frontend.

Thanks again for the timely help! 🙂

[harm-meijer]

@Divya-Gunaseelan make sure the product is available in all prices. Spa uses price selection and if a price is not available for a country/currency (and optional customer group and channel) then the product will not show in product lists. In the merchant center under product detail click on the variant to get variant detail and then prices, make sure a price is provided for the country and currency you are using in the url (for example DE is Germany and Euro and US is United States and US dollar).

[Divya-Gunaseelan]

@harm-meijer This is noted. Will check on this. Thank you!

[amolbotre769]

@Divya-Gunaseelan and @harm-meijer I try all the steps as you explain in comment but is still showing the same error.

error in ./src/presentation/fashion/CartDetail/CartLikeContentDetail/LineItemInfo/LineItemInfo.vue?vue&type=template&id=a0f2a550

Module parse failed: Unexpected token (114:24) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js
• ./node_modules/vue-loader-v16/dist/templateLoader.js
• ./node_modules/cache-loader/dist/cjs.js

• ./node_modules/vue-loader-v16/dist/index.js You may need an additional loader to handle the result of these loaders. | / PROPS / | , ["price"]), _ctx.lineItem.price.discounted != null ? (_openBlock(), _createElementBlock("span", _hoisted_11, [_createVNode(_component_DiscountTag, {

  name: _ctx.lineItem?.price?.discounted?.discount?.name

  | }, null, 8 | / PROPS /

  @ ./src/presentation/fashion/CartDetail/CartLikeContentDetail/LineItemInfo/LineItemInfo.vue?vue&type=template&id=a0f2a550 1:0-403 1:0-403
  @ ./src/presentation/fashion/CartDetail/CartLikeContentDetail/LineItemInfo/LineItemInfo.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/User/TabReturn/TabReturn.js?vue&type=script&lang=js @ ./src/presentation/fashion/User/TabReturn/TabReturn.js?vue&type=script&lang=js @ ./src/presentation/fashion/User/TabReturn/TabReturn.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./composition/useQueryFacade.js

Module parse failed: Unexpected token (11:50) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | let fixed = { ...options | };

  const enabled = computed(() => getValue(options?.skip) ? !getValue(options.skip) : true); | | if (options.skip) {

  @ ./composition/ct/useCart.js 2:0-47 130:6-20 @ ./composition/useCart.js @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/Header/Header.js?vue&type=script&lang=js @ ./src/presentation/fashion/Header/Header.js?vue&type=script&lang=js @ ./src/presentation/fashion/Header/Header.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/Stores/StoreLocator.vue?vue&type=template&id=3fb0f53f

Module parse failed: Unexpected token (132:114) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js
• ./node_modules/vue-loader-v16/dist/templateLoader.js
• ./node_modules/cache-loader/dist/cjs.js

• ./node_modules/vue-loader-v16/dist/index.js You may need an additional loader to handle the result of these loaders. | ))], 512 | / NEED_PATCH /

  ), [[_vModelSelect, _ctx.searchRadius]])])]), _hoisted_8, _createElementVNode("div", _hoisted_9, [_ctx.channels?.length > 0 ? (_openBlock(), _createElementBlock("ul", _hoisted_10, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.channels, channel => { | return _openBlock(), _createElementBlock("li", { | key: channel.id,

  @ ./src/presentation/fashion/Stores/StoreLocator.vue?vue&type=template&id=3fb0f53f 1:0-373 1:0-373 @ ./src/presentation/fashion/Stores/StoreLocator.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./composition/useCustomerTools.js

Module parse failed: Unexpected token (153:12) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | const { | token

  } = route?.params || {}; | return { | token,

  @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/User/TabDashboard/TabDashboard.js?vue&type=script&lang=js 2:0-54 13:8-24 @ ./src/presentation/fashion/User/TabDashboard/TabDashboard.js?vue&type=script&lang=js @ ./src/presentation/fashion/User/TabDashboard/TabDashboard.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/components/BasePrice/BasePrice.js?vue&type=script&lang=js

Module parse failed: Unexpected token (16:19) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | setup(props) { | const hasDiscount = computed(() => {

    return props?.price?.discounted;

  | }); | const discountedPrice = computed(() => {

  @ ./src/presentation/fashion/components/BasePrice/BasePrice.js?vue&type=script&lang=js 1:0-247 1:0-247 1:248-484 1:248-484 @ ./src/presentation/fashion/components/BasePrice/BasePrice.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/Header/MiniCart/MiniCart.js?vue&type=script&lang=js @ ./src/presentation/fashion/Header/MiniCart/MiniCart.js?vue&type=script&lang=js @ ./src/presentation/fashion/Header/MiniCart/MiniCart.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/containers/views/Shop/Root/Root.js?vue&type=script&lang=js @ ./src/containers/views/Shop/Root/Root.js?vue&type=script&lang=js @ ./src/containers/views/Shop/Root/Root.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/components/ServerError/ServerError.js?vue&type=script&lang=js

Module parse failed: Unexpected token (16:25) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | } = useI18n(); | const isNetworkError = computed(() => {

    return props.error?.networkError;

  | }); | const isBadRequestError = computed(() => {

  @ ./src/presentation/fashion/components/ServerError/ServerError.js?vue&type=script&lang=js 1:0-249 1:0-249 1:250-488 1:250-488 @ ./src/presentation/fashion/components/ServerError/ServerError.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageCheckout/PageCheckout.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageCheckout/PageCheckout.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageCheckout/PageCheckout.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/User/TabOrderDetail/TabOrderDetail.vue?vue&type=template&id=35457a0e

Module parse failed: Unexpected token (193:84) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js
• ./node_modules/vue-loader-v16/dist/templateLoader.js
• ./node_modules/cache-loader/dist/cjs.js

• ./node_modules/vue-loader-v16/dist/index.js You may need an additional loader to handle the result of these loaders. | , ["address"])])]), _createElementVNode("div", _hoisted_16, [_createElementVNode("div", _hoisted_17, [_createElementVNode("b", null, _toDisplayString(_ctx.t('shippingMethod')), 1 | / TEXT /

  ), _createElementVNode("p", _hoisted_18, _toDisplayString(_ctx.order.shippingInfo?.shippingMethod?.name) + " - " + _toDisplayString(_ctx.order.shippingInfo?.shippingMethod?.localizedDescription), 1 | / TEXT / | )]), _hoisted_19, _createElementVNode("div", _hoisted_20, [_createElementVNode("b", null, _toDisplayString(_ctx.t('paymentDetails')), 1

  @ ./src/presentation/fashion/User/TabOrderDetail/TabOrderDetail.vue?vue&type=template&id=35457a0e 1:0-390 1:0-390 @ ./src/presentation/fashion/User/TabOrderDetail/TabOrderDetail.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductGallery/ProductGallery.js?vue&type=script&lang=js

Module parse failed: Unexpected token (20:39) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | }); | const productImage = computed(() => {

    const img = props.currentVariant?.images?.[0]?.url;

  | | if (img) {

  @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductGallery/ProductGallery.js?vue&type=script&lang=js 1:0-261 1:0-261 1:262-512 1:262-512 @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductGallery/ProductGallery.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageProductDetail/PageProductDetail.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/PageProductDetail.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/PageProductDetail.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./composition/useProductTools.js

Module parse failed: Unexpected token (21:48) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | } : {} | });

  const product = computed(() => products.value?.[0]); | const allVariants = computed(() => product.value ? [product.value.masterVariant].concat(product.value.variants || []).map(p => ({ | name: product.value.name,

  @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/ProductList/ProductList.js?vue&type=script&lang=js 7:0-52 34:8-23 @ ./src/presentation/fashion/ProductList/ProductList.js?vue&type=script&lang=js @ ./src/presentation/fashion/ProductList/ProductList.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/components/BaseMoney/BaseMoney.js?vue&type=script&lang=js

Module parse failed: Unexpected token (23:16) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | }); | const amount = computed(() => {

    if (props?.money) {

  | return props.money.centAmount / 10 ** props.money.fractionDigits; | }

  @ ./src/presentation/fashion/components/BaseMoney/BaseMoney.js?vue&type=script&lang=js 1:0-247 1:0-247 1:248-484 1:248-484 @ ./src/presentation/fashion/components/BaseMoney/BaseMoney.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/Home/Home.js?vue&type=script&lang=js @ ./src/presentation/fashion/Home/Home.js?vue&type=script&lang=js @ ./src/presentation/fashion/Home/Home.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/PageCheckout/OrderOverview/ShippingMethod/ShippingMethod.js?vue&type=script&lang=js

Module parse failed: Unexpected token (24:50) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | shippingMethods | } = useShippingMethods(props.cart.cartId);

  const selectedShippingMethod = ref(props.cart?.shippingInfo?.shippingMethod?.methodId);

  | const cartTools = useCartTools(); | watch(selectedShippingMethod, methodId => {

  @ ./src/presentation/fashion/PageCheckout/OrderOverview/ShippingMethod/ShippingMethod.js?vue&type=script&lang=js 1:0-261 1:0-261 1:262-512 1:262-512 @ ./src/presentation/fashion/PageCheckout/OrderOverview/ShippingMethod/ShippingMethod.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageCheckout/OrderOverview/OrderOverview.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageCheckout/OrderOverview/OrderOverview.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageCheckout/OrderOverview/OrderOverview.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageCheckout/PageCheckout.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageCheckout/PageCheckout.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageCheckout/PageCheckout.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./sunrise.config.js

Module parse failed: Unexpected token (2:23) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | const getEnv = env => {

  return typeof global?.Cypress?.env === 'function' ? global.Cypress.env(env) : process.env[env];	};

  @ ./src/i18n.js 2:0-39 6:17-23 8:19-25 @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./composition/useCartTools.js

Module parse failed: Unexpected token (31:58) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders.	}

  const cartNotEmpty = cart => Boolean(cart && Boolean(cart?.lineItems?.length)); | | const total = lineItem => {

  @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageCheckout/PageCheckout.js?vue&type=script&lang=js 8:0-46 34:22-34 @ ./src/presentation/fashion/PageCheckout/PageCheckout.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageCheckout/PageCheckout.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/User/TabOrderList/TabOrderList.js?vue&type=script&lang=js

Module parse failed: Unexpected token (37:19) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | | function paymentInfo(order) {

    return order?.paymentInfo?.payments?.[0]?.paymentStatus?.interfaceCode ? t(order?.paymentInfo?.payments?.[0]?.paymentStatus?.interfaceCode) : '';

  }

  @ ./src/presentation/fashion/User/TabOrderList/TabOrderList.js?vue&type=script&lang=js 1:0-250 1:0-250 1:251-490 1:251-490 @ ./src/presentation/fashion/User/TabOrderList/TabOrderList.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/components/BaseInput/BaseInput.js?vue&type=script&lang=js

Module parse failed: Unexpected token (37:31) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | const errorClass = computed(() => { | return {

      error: props.vuelidate?.$error

  | }; | });

  @ ./src/presentation/fashion/components/BaseInput/BaseInput.js?vue&type=script&lang=js 1:0-247 1:0-247 1:248-484 1:248-484 @ ./src/presentation/fashion/components/BaseInput/BaseInput.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/Login/LoginForm/LoginForm.js?vue&type=script&lang=yaml @ ./src/presentation/fashion/Login/LoginForm/LoginForm.js?vue&type=script&lang=yaml @ ./src/presentation/fashion/Login/LoginForm/LoginForm.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/Login/Login.js?vue&type=script&lang=js @ ./src/presentation/fashion/Login/Login.js?vue&type=script&lang=js @ ./src/presentation/fashion/Login/Login.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/containers/lib.js

Module parse failed: Unexpected token (3:56) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | import config from '../../sunrise.config'; | export const getAttributeValue = (attribute, locale) => {

  if (typeof attribute === 'object' && typeof attribute?.label === 'string') { | return attribute.label; | }

  @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageProductDetail/ProductInfo/DetailsSection/DetailsSection.js?vue&type=script&lang=js 3:0-70 25:19-36 26:13-30 @ ./src/presentation/fashion/PageProductDetail/ProductInfo/DetailsSection/DetailsSection.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/ProductInfo/DetailsSection/DetailsSection.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageProductDetail/PageProductDetail.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/PageProductDetail.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/PageProductDetail.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/ProductList/ProductThumbnail/ProductThumbnail.js?vue&type=script&lang=js

Module parse failed: Unexpected token (40:42) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | t | } = useI18n();

  const hasPrice = computed(() => props?.product?.masterVariant?.scopedPrice);

  | const hasDiscount = computed(() => props?.product?.masterVariant?.scopedPrice?.discounted); | return {

  @ ./src/presentation/fashion/ProductList/ProductThumbnail/ProductThumbnail.js?vue&type=script&lang=js 1:0-254 1:0-254 1:255-498 1:255-498
  @ ./src/presentation/fashion/ProductList/ProductThumbnail/ProductThumbnail.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/ProductList/ProductList.js?vue&type=script&lang=js @ ./src/presentation/fashion/ProductList/ProductList.js?vue&type=script&lang=js @ ./src/presentation/fashion/ProductList/ProductList.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/Stores/StoreLocator.js?vue&type=script&lang=js

Module parse failed: Unexpected token (40:61) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | | function initialLocation(channel) {

  const [lng = 10.0015642, lat = 53.5512179] = channel.value?.geoLocation?.coordinates || []; | return { | lat,

  @ ./src/presentation/fashion/Stores/StoreLocator.js?vue&type=script&lang=js 1:0-241 1:0-241 1:242-472 1:242-472 @ ./src/presentation/fashion/Stores/StoreLocator.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/User/TabOrderDetail/TabOrderDetail.js?vue&type=script&lang=js

Module parse failed: Unexpected token (55:25) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | }); | const paymentInfo = computed(() => {

    return order.value?.paymentInfo?.payments?.[0]?.paymentStatus?.interfaceCode ? t(order.value?.paymentInfo?.payments?.[0]?.paymentStatus?.interfaceCode) : '';

  | }); | return {

  @ ./src/presentation/fashion/User/TabOrderDetail/TabOrderDetail.js?vue&type=script&lang=js 1:0-252 1:0-252 1:253-494 1:253-494 @ ./src/presentation/fashion/User/TabOrderDetail/TabOrderDetail.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/PageProductDetail/ProductInfo/VariantSelector/VariantSelector.js?vue&type=script&lang=js

Module parse failed: Unexpected token (70:27) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | sku | }) => acc.set(sku, { ...acc.get(sku),

    score: (acc.get(sku)?.score || 0) + score,

  | [label]: value | }), new Map()));

  @ ./src/presentation/fashion/PageProductDetail/ProductInfo/VariantSelector/VariantSelector.js?vue&type=script&lang=js 1:0-262 1:0-262 1:263-514 1:263-514 @ ./src/presentation/fashion/PageProductDetail/ProductInfo/VariantSelector/VariantSelector.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/ProductInfo/ProductInfo.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/PageProductDetail/PageProductDetail.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/PageProductDetail.js?vue&type=script&lang=js @ ./src/presentation/fashion/PageProductDetail/PageProductDetail.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/presentation/fashion/ProductList/ProductThumbnail/ProductThumbnail.vue?vue&type=template&id=b1b8dfcc

Module parse failed: Unexpected token (76:24) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js
• ./node_modules/vue-loader-v16/dist/templateLoader.js
• ./node_modules/cache-loader/dist/cjs.js

• ./node_modules/vue-loader-v16/dist/index.js You may need an additional loader to handle the result of these loaders. | / PROPS / | , ["to"])]), _ctx.hasPrice ? (_openBlock(), _createElementBlock("div", _hoisted_9, [_createVNode(_component_BasePrice, {

  price: _ctx.product?.masterVariant?.scopedPrice

  | }, null, 8 | / PROPS /

  @ ./src/presentation/fashion/ProductList/ProductThumbnail/ProductThumbnail.vue?vue&type=template&id=b1b8dfcc 1:0-392 1:0-392 @ ./src/presentation/fashion/ProductList/ProductThumbnail/ProductThumbnail.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/ProductList/ProductList.js?vue&type=script&lang=js @ ./src/presentation/fashion/ProductList/ProductList.js?vue&type=script&lang=js @ ./src/presentation/fashion/ProductList/ProductList.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./composition/useSearch.js

Module parse failed: Unexpected token (7:38) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | const route = useRoute(); | const router = useRouter();

  const search = computed(() => route?.query?.q		'');
  const setSearch = q => {

  @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/eslint-loader??ref--14-0!./src/presentation/fashion/Header/Header.js?vue&type=script&lang=js 8:0-40 28:8-17 @ ./src/presentation/fashion/Header/Header.js?vue&type=script&lang=js @ ./src/presentation/fashion/Header/Header.vue @ ./src/router/routes.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

  error in ./src/apollo/auth.js

Module parse failed: Unexpected token (97:14) File was processed with these loaders:

• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/babel-loader/lib/index.js

• ./node_modules/eslint-loader/index.js You may need an additional loader to handle the result of these loaders. | method: 'POST' | }).then(response => response.json()).then(token => {

  if (token?.error) {

  | resetToken(); | return Promise.reject(token.error);

  @ ./src/apollo/index.js 3:0-27 29:2-7 @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.43.33:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

[amolbotre769]

If you know any solution please let me know

[harm-meijer]

@amolbotre769 Can you try installing the dependencies with yarn install --frozen-lockfile? Vue has a tendency to break with minor updates in dependencies.

[amolbotre769]

@harm-meijer yes I install but nothing works.

[harm-meijer]

@amolbotre769 You need to run the install with --frozen-lockfile using the original yarn.lock

[amolbotre769]

@harm-meijer can you please tell me what is the command to run the install with --frozen-lockfile using the original yarn.lock

[harm-meijer]

@amolbotre769 You can try git checkout fc2f51e25ffa0c9ab05b5ec545ca1221342dc691 yarn.lock and then do yarn install --frozen-lockfile

[amolbotre769]

@harm-meijer Thanks a lot. It works but data is not show in site. What can I do for this?

[amolbotre769]

@harm-meijer I am not able to see the sub categories under main category list.

[harm-meijer]

@amolbotre769 You can try running localStorage.clear() in the browser console and refresh the page. If you connect to your own merchant center project then make sure it works with the standard setup first (no .env file) then when using your own merchant center make sure you set up the configuration for it.

[harm-meijer]

@amolbotre769

I am not able to see the sub categories under main category list.

There is no sub menu in the new version.

[amolbotre769]

@amolbotre769

I am not able to see the sub categories under main category list.

There is no sub menu in the new version.

@harm-meijer Thanks for helping me to solve the issue