javascript - 未找到模块：错误：无法解析 React-js？

Question

未找到模块：错误：无法解析 React-js？

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

多 (webpack)-dev-server/client 中的错误？http://localhost:8080 .src/index.js 未找到模块：错误：无法解析 'G:\new 中的 '.src/index.js' -react\reactquiz' @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')
);

应用程序.js

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

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

export default App

Answer 1

检查下面的配置

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' }
        ]
    }
}

Answer 2

您必须提及 src 文件夹的正确路径。 ../src或者无论你的路径是什么