【webpack】【错误记录】You may need an additional loader to handle the result of these loaders.

最新推荐文章于 2025-05-12 19:45:39 发布

前端二狗子

最新推荐文章于 2025-05-12 19:45:39 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： webpack 文章标签： webpack

本文链接：https://blog.youkuaiyun.com/qq_34838046/article/details/109462114

webpack 专栏收录该内容

3 篇文章

订阅专栏

在使用Webpack时遇到错误提示'You may need an additional loader to handle the result of these loaders.'，通过修改tsconfig.json中'jsx'配置从'preserve'更改为'react'解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决方法：
tsconfig.json
“jsx”: “preserve”
改为
“jsx”: “react”

出错文件：

import ReactDOM from 'react-dom';
import React from 'react';
const App = () => {
    return (
        <div>
            <h1>aaa</h1>
        </div>
    );
};
const root = document.getElementById('app');
ReactDOM.render(<App />, root);

报错:

ERROR in ./app/app.tsx 9:12
Module parse failed: Unexpected token (9:12)
File was processed with these loaders:
 * ./node_modules/ts-loader/index.js
You may need an additional loader to handle the result of these loaders.
| var react_1 = __importDefault(require("react"));
| var App = function () {
>     return (<div>
|             <h1>aaa</h1>
|         </div>);