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：154 AsyncSeriesHook.lazyCompileHook [react-app] / [可点击] /lib/Hook.js:154:20
Compiler.js：628 [react-app] / [webpack] /lib/Compiler.js:628:31
Hook.js：154 AsyncSeriesHook.lazyCompileHook [react-app] / [可点击] /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'
  })
 ]

将哈希值设置为true，并确保您具有模板文件的正确位置。

无法运行React项目

1 个答案: