You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file

Developing with Prismic
1

I am tryin to integrate prismic with my react app which is integrated with our bigcommerce theme code.
once added got below error
ERROR in ./node_modules/@prismicio/react/dist/react-server/PrismicRichText.js 23:75
Module parse failed: Unexpected token (23:75)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See Concepts | webpack
| oList: ({ children, key }) => /* @PURE */ jsx("ol", { children }, key),
| image: ({ node, key }) => {

const img = /* @__PURE__ */ jsx("img", { src: node.url, alt: node.alt ?? void 0, "data-copyright": node.copyright ? node.copyright : void 0 });

| return /* @PURE / jsx("p", { className: "block-img", children: node.linkTo ? / @PURE */ jsx(PrismicLink, { linkResolver: args.linkResolver, internalComponent: args.internalLinkComponent, externalComponent: args.externalLinkComponent, field: node.linkTo, children: img }) : img }, key);
| },

ERROR in ./node_modules/@prismicio/react/dist/react-server/PrismicLink.js 24:80
Module parse failed: Unexpected token (24:80)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See Concepts | webpack
| }
| }

const { href: computedHref, rel: computedRel, ...attrs } = asLinkAttrs(field ?? doc, {
| linkResolver,
| rel: typeof restProps.rel === "function" ? restProps.rel : void 0

ERROR in ./node_modules/@prismicio/client/dist/createClient.js 251:90
Module parse failed: Unexpected token (251:90)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See Concepts | webpack
| const actualParams = { ...params };
| if (!(params && params.page) && !(params == null ? void 0 : params.pageSize)) {

  actualParams.pageSize = ((_a = this.defaultParams) == null ? void 0 : _a.pageSize) ?? 1;

| }
| const url = await this.buildQueryURL(actualParams);

ERROR in ./node_modules/@prismicio/react/dist/PrismicImage.js 43:68
Module parse failed: Unexpected token (43:68)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See Concepts | webpack
| srcSet = res.srcset;
| }

return /* @__PURE__ */ jsx("img", { ref, src, srcSet, alt: alt ?? (field.alt || fallbackAlt), ...restProps });

| } else {
| return null;

3

Hello @swati.pundir. Can you share the code of how you're templating the Prismic content where you're getting these errors?

5

Hi @Levi , I integrating this app with the BigCommerce theme
by following the below documentation

once My react app connected I have follow the steps mentioned in Set up Prismic with React - Documentation - Prismic document.

After integration when I start my app getting the mentioned error.

7

@swati.pundir Given what you've sent so far, I don't know what the issue is. It would be helpful if you could provide the code for your project so that I can reproduce this issue. Can you send a zip file of your project code? If you don't want it to be public, you can send it to me in a private message.