Javascript 我在安装网页包时遇到问题

Javascript 我在安装网页包时遇到问题,javascript,reactjs,webpack,jsx,eslint,Javascript,Reactjs,Webpack,Jsx,Eslint,这是一个错误 这是app.js文件 此文件为webpack.config.js 这是我学到的链接 我在第7步遇到了问题,我安装了npm安装eslint插件react——保存开发,但无法解决这个问题 澄清一下,这是你的app.js文件的全部吗 从“React”导入React 或者您是否也编写了app.js文件的其余部分,如链接的第7步所述 您看到的错误消息表明您已导入模块(React),但尚未将其用于任何用途。如果从“React”导入React是app.js文件的全部内容,这是意料之中的;编写完

这是一个错误

这是app.js文件

此文件为webpack.config.js

这是我学到的链接

我在第7步遇到了问题,我安装了npm安装eslint插件react——保存开发,但无法解决这个问题


澄清一下,这是你的app.js文件的全部吗

从“React”导入React

或者您是否也编写了app.js文件的其余部分,如链接的第7步所述


您看到的错误消息表明您已导入模块(React),但尚未将其用于任何用途。如果
从“React”导入React
是app.js文件的全部内容,这是意料之中的;编写完app.js文件后,此错误消息将消失。

您走了一条需要大量手动操作的道路。对于初学者甚至有经验的用户,我强烈推荐著名的CRA工具()。它会小心地为你设置一切,包括巴贝尔和网页包。当然这取决于实际的React项目,但我发现这是一个很好的开始

'React' is defined but never used
import React from 'react';
const path = require("path");
module.exports = {
  context: __dirname,
  entry: "./src/index.js",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "main.js",
    publicPath: "/",
  },
  devServer: {
    historyApiFallback: true,
  },
  module: {
    rules: [
      {
        test: /\.js?$/,
        exclude: /node_module/,
        use: "babel-loader",
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.(png|j?g|svg|gif)?$/,
        use: "file-loader",
      },
    ],
  },
  plugins: [
    new HtmlWebPackPlugin({
      template: path.resolve(__dirname, "public/index.html"),
      filename: "index.html",
    }),
  ],
};