无法运行反应项目

Question

我是 reactjs 的新手。我正在尝试编写 webpack。

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
entry: './main.js',
output: {
  path: path.join(__dirname, '/bundle'),
  filename: 'index_bundle.js'
},
devServer: {
  inline: true,
  port: 3000
},
module: {
  rules: [
     {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
           presets: ['es2015', 'react']
        }
     },
     {
        test: /\.scss$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "sass-loader",
            options: {
                includePaths: ["absolute/path/a", "absolute/path/b"]
            }
        }]
     }
  ]
  },
  plugins:[
  new HtmlWebpackPlugin({
     template: './index.html'
  })
 ]
 }

Html Webpack 插件：错误：子编译失败：找不到入口模块：错误：无法解析 'F:\ react-app' 中的 'F:\react-app\index.html'：错误：无法解析 'F:\react-app'

中的 'F:\react-app\index.html'

compiler.js:141 [react-app]/[html-webpack-plugin]/lib/compiler.js:141:18
Compiler.js:306 [react-app]/[webpack]/lib/Compiler.js:306:11
Compiler.js:631 [react-app]/[webpack]/lib/Compiler.js:631:15
Hook.js:154AsyncSeriesHook.lazyCompileHook [react-app]/[tapable]/lib/Hook.js:154:20
Compiler.js:628 [react-app]/[webpack]/lib/Compiler.js:628:31
Hook.js:154AsyncSeriesHook.lazyCompileHook [react-app]/[tapable]/lib/Hook.js:154:20
Compilation.js:1325 [react-app]/[webpack]/lib/Compilation.js:1325:35

Answer 1

plugins:[
  new HtmlWebpackPlugin({
     hash:'true'
     template: './index.html'
  })
 ]

将 hash 设置为 true 并确保模板文件的位置正确。

无法运行反应项目

Not able to run react project

reactjs

webpack.config.js

无法 运行 反应项目

Not able to run react project

reactjs

webpack.config.js

无法运行反应项目