未找到模块:错误:无法解析 React-js?

Posted

技术标签:

【中文标题】未找到模块:错误:无法解析 React-js?【英文标题】:Module not found: Error: Can't resolve React-js? 【发布时间】:2020-11-15 19:50:54 【问题描述】:

找不到模块:错误:无法解析 React-js?

多 .src/index.js 中的错误 未找到模块:错误:无法解析“G:\new-react\reactquiz”中的“.src/index.js” @multi .src/index.js main[0]

多 (webpack)-dev-server/client 中的错误?http://localhost:8080 .src/index.js 未找到模块:错误:无法解析“G:\new-react\reactquiz”中的“.src/index.js” @multi (webpack)-dev-server/client?http://localhost:8080 .src/index.js main[1] i 「wdm」: 编译失败。

webpack.config.js

module.exports = 
    entry: [
        '.src/index.js'
    ],
    output:
        path: __dirname,
        filename: 'app/js/main.js'
    ,
    module:
        rules: [
           test: /\.css$/, use: 'css-loader' ,
           test: /\.ts$/, use: 'ts-loader' 
        ]
    

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App.jsx';

ReactDOM.render(
    <App />,
    document.getElementById('app')
);

App.js

import React, Component from 'react';
import ReactDOM from 'react-dom';

class App extends Component
    render()
        return(
            <div>
                APP
            </div>
        )
    


export default App

【问题讨论】:

有助于实际阅读错误消息。你写了.src,我认为你的意思是./src或只是src ERROR in ./src/index.js 6:4 Module parse failed: Unexpected token (6:4) 您可能需要适当的加载器来处理此文件类型,目前没有配置加载器来处理这个文件。见webpack.js.org/concepts#loaders | ReactDOM.render( > , | document.getElementById('app') | ); @multi ./src/index.js main[0] i 「wdm」: 编译失败。 【参考方案1】:

您必须提及 src 文件夹的正确路径。 ../src 或任何你的路径

【讨论】:

找不到多 ../src/index.js 模块中的错误:错误:无法解析 'G:\new-react\reactquiz\ 中的 '../src/index.js' src\components' @multi ../src/index.js main[0] 多 (webpack)-dev-server/client 中的错误?localhost:8080 ../src/index.js 未找到模块:错误:无法解析 '../src/index. js' in 'G:\new-react\reactquiz\src\components' @ multi (webpack)-dev-server/client?localhost:8080 ../src/index.js main[1] i 「wdm」: 失败编译。【参考方案2】:

检查下面的配置

module.exports = 
    entry: [
        './src/index.js'
    ],
    output:
        path: __dirname,
        filename: 'app/js/main.js'
    ,
    module:
        rules: [
           test: /\.css$/, use: 'css-loader' ,
           test: /\.ts$/, use: 'ts-loader' 
        ]
    

【讨论】:

以上是关于未找到模块:错误:无法解析 React-js?的主要内容,如果未能解决你的问题,请参考以下文章

未找到模块:错误:无法解析 JSON

“未找到模块:错误:无法解析模块”错误在 signrequest-client 角度

未找到模块:错误:无法使用 Webpack 解析“fs”

未找到模块:无法解析“

Angular 构建 - 未找到模块:错误:无法解析“控制台”

未找到模块:错误:无法解析“./router”| Vue路由器