Optional chaining you may need an additional loader to handle the result of these loaders The problem is not caused by any loader but directly by Webpack 4. You can do it this way: You may need an additional loader to handle the result of these loaders when using react-native-reanimated Hot Network Questions Covering a smoke alarm horn Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker. umirc. If you are not using TypeScript, you don't need to import types in your code. Changing the "jsx": "preserve" to "jsx": "react" in the tsconfig. Is adding the @babel/plugin-transform-optional-chaining plugin explicitly Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Could anyone help? Edit 1: package. 27. Then you can create a State and subscribe this State to a React Functional Component via a Hook. /node_modules/@tanstack/react-table/build/lib/index. I compared my old and new package-lock. Open AlanCumberbatch opened this issue Dec 4, 2021 · 1 comment You may need an additional loader to handle the result of these loaders. If you remove the function does everything work? What about if you rename the file to Banner. TypeScript doc on JSX. Steps necessary: "You may need an additional loader to handle the result of these loaders. Here are the babel plugins to handle this: Webpack/React. Most of the time the node version which you use locally is different compared with the cloud one and this might bring errors. " 2 Webpack - You may need an appropriate loader. map. json with old one and my react app built and ran successfully again. js, babel. js: You may need an additional loader to handle the result of these loaders 96 "You may need an additional loader to handle the result of these loaders. #170. You may need an additional loader to handle the result of these loaders #8. - From Review – BoP Describe the bug If you import a package that uses ?? operator in code, create react app will fail when debugging. Babelrc plus the object's Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Visit the blog You may need an additional loader to handle the result of these loaders #8. 2 – fiacobelli If you import the ES5 version as indicated above there should be no optional chaining operators since those are not an ES5 feature. Taking a look back I can see that the only thing which is different is the env in which the code runs. There is a pending pull request which you can subscribe to to get notified about the progress. Reload to refresh your session. As opposed to binary which operates on two one * two or unary which only operates on one !one. It's not a ternary. It collects links to all the places you might be looking at while hunting down a tough bug. Ternary means it operates on three things like the conditional operator: one ? two : three. const parentPaneName = props. numbertype || this. " 14 How to fix "You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. 5 add this line to src/App. Trying to use optional chaining: const inputRef = useRef<HTMLInputElement | null>(null); const handle Bug report Describe the bug Loader next-babel-loader doesn't transpile nullish coalescing operator and optional chaining on canary To Reproduce Repository: next. needs more info. children[1]?. ERROR in . js: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file 14 NextJS dynamic import issue From what I understand, this is because the standard setup for Vue projects uses Babel/Webpack to transpile code into something that can be run in the browser (i. js Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. You signed out in another tab or window. Stuck on an issue? Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. 2 (on Nov 4th, 2022). 1 ReactJS - You may need an appropriate Webpack uses Acorn parser, and Acorn does not support optional chaining as of now. . I am using babel present @babel/preset-typescript, @babel/env and @babel/preset-react with plugins @babel/plugin-proposal-optional-chaining and @babel/plugin-proposal-nullish-coalescing-operator. " Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company I also saw this post: "You may need an additional loader to handle the result of these loaders. Before you start - checklist I followed instructions in documentation written for my React-PDF version I have checked if this bug is not already reported I have checked if an issue is not listed in Known issues If I have a problem with P Error:- **ERROR in . To do this, you would start by installing the loaders you need: ERROR in . js-bug-nullish-coalescing Steps to r You signed in with another tab or window. js of the react native project as. 复现问题 mkdir umi-demo && cd umi-demo && yarn create @umijs/umi-app && yarn 编辑 . js: You may need an additional loader to handle the result of these loaders 1 Webpack loader error: You may need an additional loader to handle the result of these loaders Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. This issue seems to appear only when debugging with such a library. Together with an appropriate loader you basically need to import React to this file. " 7 Next. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company @JLHwung, I have a situation where we need to transpile for the QJSEngine used by Qt Installer framework, which doesn't support all features. js controls inside my vue js application. What version of TypeScript are you using? It was 3. 87sam12 opened this issue Jun 9, 2023 · 6 comments Comments. 6 and i did update to 4. 1 Webpack loader error: You may need an additional loader to handle the result of these loaders 95 "You may need an additional loader to handle the result of these loaders. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about Stack Overflow the company, and our products You signed in with another tab or window. override. / node_modules / @nativescript / webpack / dist / loaders / nativescript - worker - loader / index. – Paul You signed in with another tab or window. – VLAZ Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. less-loader converts less -> css, css-loader converts css->js – You signed in with another tab or window. I ended up using the two libraries react-app-rewired and react-app-rewire-babel-loader. js, not config. The preserve mode will keep the JSX part intact, that is what is causing this issue. Have you found any solution to this? I'm trying to look into injecting additional Webpack config (babel?) but not getting anywhere useful yet. js, and it should be placed at same level as package. To solve the error, set the browserslist property in For example, you can use loaders to tell webpack to load a CSS file or to convert TypeScript to JavaScript. but these errors were encountered: You signed in with another tab or window. js import Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company To fix this you need to force babel preset to include optional chaining rule: presets: [ [ '@vue/cli-plugin-babel/preset', { include: ['@babel/plugin-proposal-optional-chaining'], }, ], ], Can also be achieved by setting old browser target in browserslist config. Moreover, we use Webpack 5 and that in turn uses Acorn 8 with according to webpack/webpack#10227 even supports optional chaining, so also here I don't see why this should not work. This happens only when i add the following to the package. And the name of the file should be config-overrides. Copy link plantir commented Apr 28, 2020. /node_mo "You may need an additional loader to handle the result of these loaders. js 6:16 Module parse failed: Unexpected token (6:16) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. js You may need an additional loader to handle the result of these I know this is not a direct answer to the original question, but this is one of the most likely places people will end up when they are having trouble with a loader. The full code of babel. json of my projects and I saw some @babel lib version changed to v7. js-files through Babel first, using this Babel plugin; wait Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company I installed the plugin following your link (using npm install --save-dev @babel/plugin-transform-nullish-coalescing-operator) This told me there were critical issues. Just make sure you're using the latest PDF. " 11 Webpack/React. getPane(parentPaneName) : undefined; I made a workaround. ") - googling around seems to lead to articles saying this is an issue with Webpack 4 - but I think latest SPFX is using Webpack 5. Load 1 more related questions Show fewer related questions Sorted by: Reset to default Webpack/React. Best regards. children[0]?. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company You signed in with another tab or window. Consumers of your library will therefore need to have appropriate configuration to handle this kind of code. You use presets to take Since it hasn't been transpiled to something that is compatible with the environment in which you're running the code, you need to do so yourself by configuring babel with plugins to handle this. x (the issue - Webpack is using old version of Acorn library (to parse the code) which does not work with optional chaining or null coalescing syntax). The instructions told me to downl In order to fix this you need to set up a webpack loader to transform JSX into native JavaScript. the purpose of loaders is always to convert only one format. I created a new react app with create-react-app. jannikbuscha opened this issue Oct 25, 2021 · 2 comments apparently, there is an issue with the babel and webpack config but am not sure what. Reptiluka opened this issue Aug 28, 2022 · 1 comment Comments. numbertype; You may need an additional loader to handle the result of these loaders #47. name const value = test ?? ‘Default’ If i try it without lang=“ts” on script it works Also those features works fine on Vue 3 project generated with vue cli. I think your webpack config itself looks okay, but basically your webpack file is telling your system how to handle typescript files, but nothing is telling your system how to handle a webpack. 12 React & Babel: You may need an additional loader to handle the results So I think your issue here is that your webpack config file is written in typescript. [react-scripts] | [react-scripts] > return this. plugins: [ '@babel/plugin-proposal-export-namespace-from', 'react-native-reanimated/plugin', ] Next. As it's currently written, it's hard to tell exactly what you're asking. Looks like it's because it can't parse the optional chaining ("?. This Class has functions which uses arrow syntax, and every other class in controls does not use arrow syntax. For this situation, I can't use any of the currently supported targets, because it's a custom engine, however, the engine does specify a certain ES version it supports. import React from 'react' This way it would its okay to have jsx format in this file Also your code snippet doesn't contain DataProvider imported, so I think that is necessary to import into this file as well I watched a React. EssDevUi opened this issue Sep 18, 2023 · 16 comments Closed 3 tasks done. How can we change the Babel setup to include the files outside of SRC? There is a npm package which helps to Using Optional Chaining in TypeScript results in an error expecting a loader. If your browsers property is currently an object that has the production and development properties, remove it and add the array of values as shown in I'using Vue and babel. Open Unexpected token You may need an additional loader to handle the result of these loaders #1753. 20. 9. 23. | const _hoisted_2 = /#PURE/_createElementVNode("br", null, null, Has anyone encountered something like this? Background: About a week ago, the (React) project was working fine and everything was normal. syntax is called "optional chaining". The Hook used to bind the State to the React Component simply You may need an additional loader to handle the result of these loaders. ts file. json before the upgrading: "name": "frontend", "version": "0. To accomplish this you will need to leverage babel's babel-loader and install the appropriate babel preset, namely the "@babel/preset-react" preset. Meaning, you don't have a way to modify its configurations without using third party tools such as react-app-rewired. jsx? Do you have a webpack config file or are you using create-react-app or something? The webpack config may be useful if you have one, the "rules" part of it 💻. 3 showing Module parse failed: You may need an additional loader to handle the result of these loaders Related questions 569 Please clarify your specific problem or provide additional details to highlight exactly what you need. You may need an Module parse failed: Unexpected token (146:34) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. plantir opened this issue Apr 28, 2020 · 4 comments Labels. json Webpack/React. Closed 3 tasks done. json fixed the issue. js: You may need an additional loader to handle the result of these loaders. 0. If you are not using Vue CLI you can upgrade to Webpack 5 to solve this. You may need an additional loader to handle the result of these loaders Module parse failed: Unexpected token. here is my webpack config Together with an appropriate loader you basically need to import React to this file. I then changed (downgrade) some of @babel package in my package. js: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file If you don't have problems with the npm script that means that the code is fine. @babel/plugin-proposal-export-namespace-from, react-native-reanimated/plugin,. json file Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. 3 showing Module parse failed: You may need an additional loader to handle the result of these loaders 95 "You may need an additional loader to handle the result of these loaders. e. If you want to use babel for compiling JSX then you will have to use babel preset react Here's my workaround for this one (create-react-app, latest react-leaflet). Created a react application with create-react-app along with typescript as the template. js export async function get() { } i need to connect this exported function to a static method of MyClass // file b. 1 Currently no loaders are configured to process this file. js" The project can be found at the following link: shorturl. 1 You may need an additional loader to handle the result of these loaders Hot Network Questions Is there a commonly used expression for adjusting a training or form of support to a person's specific situation and needs? Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Answer by Finnegan Barrett you can see it's using the optional chaining operator in the emitted code. After updating the configuration, clear the cache, reinstall dependencies, and run the build again. /node_mo Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. 0 was including @babel/plugin-transform-optional-chaining. 1. " Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Visit the blog react-script 4. esm. here is my webpack config Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Webpack/React. First install the CSS and SCSS Loaders by using the below command: npm install css-loader style-loader sass-loader --save-dev then add the path in the angular. Why @babel/preset-env@7. [react-scripts] You may need an additional loader to handle the result of these loaders. The code is missing closing brackets and parentheses. Modified 3 years ago. pane ?? context. 0 Module parse failed: Unexpected token. Would you like to work on a fix? How are you using Babel? babel-loader (webpack) Input code. #15266. @smithy/smithy-client #5226. /node_modules/ts The error "You may need an additional loader to handle the result of these loaders" occurs when your build step emits more modern code than is supported by the specified browsers. import React from 'react' This way it would its okay to have jsx format in this file Also your code snippet doesn't contain DataProvider imported, so I think that is Simply, include the plugin in babel. It feels like Babel does not support TS optional chain, and Baidu has not found a solution for a long time. " It's very hard to say from only this information, I can't see any problem with this function. 3 does not understand optional chaining anymore?. babel-loader: You may need an additional loader to handle the result of these loaders, Programmer Sought, the best programmer technical posts sharing site. I try to use a package that written in react, I imported the default component but get a compiled error: Compiled with problems: ERROR in . How do I samyan changed the title [Error] You may need an additional loader to handle the result of these loaders [V8] You may need an additional loader to handle the result of these loaders Nov 2, 2022 Copy link Notice that the browserslist property is an array of values and not an object. ts // import { defineConfig } from 'umi'; expo You have two options: Option 1 - use react-app-rewired. You switched accounts on another tab or window. 0", Tells that we need to make changes in babel setup in order get rid of this error. "You may need an additional loader to handle the result of these loaders. config. Asking for help, clarification, or responding to other answers. 5 crashes in react starter app just after being imported: Steps to reproduce: npx create-react-app my-app cd my-app yarn add svelte-jsoneditor@0. js 188: 11 Module parse failed: Unexpected token(188: 11) File was processed with these loaders: * . /src/index. This is the [react-scripts] You may need an additional loader to handle the result of these loaders. 1 You may need an appropriate loader to handle this I am trying to use ArcballControls. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company "You may need an additional loader to handle the result of these loaders. 2020 · 4 comments Open You may need an additional loader to handle the result of these loaders #47. " #1776. CRA is very opinioned regarding its configurations. json which are required for automation **In devdependencies - ** Module parse failed: Unexpected token You may need an additional loader to handle the result of these loaders #1753. (npm run start) It builds (npm run build) without erro If optional chaining is still not recognized, install the @babel/plugin-proposal-optional-chaining plugin and add it to your Babel configuration. js files, following a guide that indicated this problem, but nothing is not working. 3. So your workaround options are: do not use webpack; do not use optional chaining; integrate Babel into your stack, and make sure to pass all *. Provide details and share your research! But avoid . Viewed 325 times 0 What is this a?. Comments. Attributes is a TS type that has no meaning or purpose in JS code. The browser list changes suggested above did not work for me (yarn start just forced a refresh of the configuration). I overwrote the new package-lock. The tutorial is here around the 16:10 mark. You need to make sure that the JSX is transformed into JS. " Which explains that babel doesn't run on dependencies in the project, only the source code. You don't need it. Finally, I checked the Babel's plug-in library, in the project configuration file:. Ask Question Asked 3 years ago. I remeber @babel/preset-env@7. b is the "optional chaining" operator, " You may need an appropriate loader to handle this file type, currently no loaders are configured to process this React & Babel: You may need an additional loader to handle the results of these loaders Hot Network Questions Proof DFT of d/dn x[n] is proportional to jk * (DFT of x[n]) = jk * X[k] Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Visit the blog Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company babel-loader: You may need an additional loader to handle the result of these loaders, Programmer Sought, the best programmer technical posts sharing site. , Vue templates to render functions) and add polyfills for newer features for backwards compatibility. Webpack/React. js 64:28 Module parse failed: Unexpected token (64:28) You may need an appropriate loader to handle this file type, currently no You may need an additional loader to handle the result of these loaders. plugins: [ '@babel/plugin-proposal-export-namespace-from', 'react-native-reanimated/plugin', ] Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Module parse failed: Unexpected character '' (1:2) You may need an appropriate loader to handle this file type 2 VUE: Module parse failed: Unexpected token (1:0) You signed in with another tab or window. There should be a solution by importing and modifying the options for @cypress/webpack-preprocessor, you should be You may need an additional loader to handle the result of these loaders. js is:. json and it is solved the problem: Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company For some reason svelte-jsoneditor@>0. I have an exported function //file a. The ?. json-> "main": "randomColors. Webpack issue - You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file 7 Optional-Chaining does not work in create-react-app Hello 🙂 I am facing errors when i try to use ? or ?? operators with Ionic Vue (Typescript) Examples: user?. js tutorial and followed through every step, but it seems like I can't even get the first step right. But it seems that babel lis running on the did-jwt dependency? Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Talk about this, found in package. For example, the object spread operator is missing. Around the same time, I started working on a new project, but. You signed in with another tab or window. If you are using Vue CLI, upgrading to Webpack 5 "by hand" is not an Assume that Webpack is understands only JS. noorqidam opened this issue Aug 3, 2022 · 3 You signed in with another tab or window. So, if you have less type, you need to specify the chain of loaders in order to convert that type to js. Hopefully useful for someone stumbling on the issue as well. I've found the culprit, it looks like the "target": "esnext" doesn't support optional chaining anymore :/ You have to use "target": "ES2018" for example 👍 7 webistomin, Silisav, lambdalisue, reynard80, mlbzsske, BryceBarbara, and Osky772 reacted with thumbs up emoji ️ 9 Double-Are, Silisav, reynard80, gabrielmaschke, BryceBarbara, foreveraloneT, Osky772, nickolay-markov, and Simply, include the plugin in babel. pane; | const parentPane = parentPaneName ? context. 95 "You may need an additional loader to handle the result of these loaders. Closed Reptiluka opened this issue Aug 28, 2022 · 1 comment Closed "You may need an additional loader to handle the result of these loaders. So, I ran npm audit fix --force and this output line worries me: npm WARN audit No fix available for [email protected] - 0. * . – Community Bot Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company 发生了啥开启ssr服务端渲染后编译报错(不支持 ts 高级语法？)：You may need an additional loader to handle the result of these loaders. at/aoCP1 I tried to create the webpack. If the current behavior is a bug, please provide the steps to reproduce. Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company I created a new react app with create-react-app. js: import {JSONEditor} Ahh I see, I didn't have all the context around this issue and was assuming this was a problem with CT. apparently, there is an issue with the babel and webpack config but am not sure what. A preset is a set of plugins used to support particular language features. This should allow the build to process optional chaining correctly. / node_modules / glob / node_modules / minimatch / dist / mjs / ast. 6 still Problem I've included a simple reproduction in stackblitz below In esbuild loader options, setting target >= es2020 results in following error, but builds successfully in < es2020 npm run build > After importing another library I get this error when running ionic serve. Copy link 87sam12 commented Jun 9, 2023 You may need an additional loader to handle the result of these loaders. 112 Webpack file-loader outputs [object Module] 1 Webpack loader error: You may need an additional loader to handle the result of these loaders "You may need an additional loader to handle the result of these loaders. You may need an additional loader to handle the result of these loaders. You may need an appropriate loader to handle this file type Hot Network Questions What options does an individual have if they want to pursue legal action against their biological parents for abandonment? Problem I've included a simple reproduction in stackblitz below In esbuild loader options, setting target >= es2020 results in following error, but builds successfully in < es2020 npm run build > build > webpack Hash: 9380bee32a4ebff16 I was also facing the same issue. Errors: Module parse failed: Unexpected token You may need an additional loader to handle the react-script 4. Closed You may need an additional loader to handle the result of these loaders. " Load 7 more related questions Show fewer Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand; OverflowAI GenAI features for Teams; OverflowAPI Train & fine-tune LLMs; Labs The future of collective knowledge sharing; About the company Module parse failed: Unexpected token . vumu azwtkq pgynd jdcxsxo ayuepv jtjtj wgvu wbyr dda ntvvm