Index.js文件错误警告：要加载ES模块，请在package.json文件中设置“type:”module

Question

我正在django rest框架网站上工作，并不断获取index.js文件中的错误信息。我尝试添加.mjs文件扩展名并更改package.json，但没有任何东西修复此错误。VS代码给我的错误是“App已声明，但其值从未读取ts（6133）”。我先运行python manage.py runserver，然后运行npm dev server命令，没有任何错误，但仍然无法让站点正确呈现控制台中的一些值

我是编程新手，所以请原谅我的无知，因为我假装知道一些我在这里谈论的东西

这是我的index.js文件

import App from "./components/App";

这是App.js文件

import React, { Component } from "react";
import { render } from "react-dom";
import HomePage from "./HomePage";

export default class App extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
        <HomePage />
      </div>
    );
  }
}

const appDiv = document.getElementById("app");
render(<App />, appDiv);

package.json文件

{
  "name": "frontend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development --watch",
    "build": "webpack --mode production"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.12.10",
    "@babel/preset-env": "^7.12.11",
    "@babel/preset-react": "^7.12.10",
    "babel-loader": "^8.2.2",
    "webpack": "^5.11.0",
    "webpack-cli": "^4.2.0"
  },
  "dependencies": {
    "@babel/plugin-proposal-class-properties": "^7.12.1",
    "@material-ui/core": "^4.11.2",
    "@material-ui/icons": "^4.11.2",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0"
  }
}

非常感谢您的帮助

Answer 1

那只是一根线头。它告诉您，在index.js中，您声明了一个变量（App），但没有使用它。糟糕的编程实践，所以您的linter（我认为VSCode默认为lints JS，或者您安装了类似ESLint的linter）告诉您这一点。6133号是过梁中的错误号