webpack改入口出口报错

Question

webpack更改入出口报错，按照官方文档写的为啥一直报这么长的错误 麻烦帮忙看一下谢谢

Answer 1

引自免费微信小程序：皆我百晓生

看起来你在尝试配置一个基本的webpack项目，但遇到了一些关于ES模块（ECMAScript Modules）的问题。根据你提供的错误信息，webpack试图加载webpack.config.js作为ES模块，而这个文件在当前环境下没有正确地处理。

为了解决这个问题，你需要确保webpack.config.js遵循CommonJS规范，因为webpack命令默认期望的是CommonJS格式。要解决这个问题，你可以做以下两件事：

1. 将webpack.config.js中的所有require语句替换为import语句，并确保所有的模块都支持ES模块。
2. 如果你不想使用ES模块，可以修改package.json文件，将"type": "module"改为"type": "commonjs"。

下面是修改后的webpack.config.js示例，使用CommonJS语法：

var path = require('path');

module.exports = {
  entry: path.resolve(__dirname, 'src/logo/index.js'),
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'my-first-webpack.bundle.js',
  },
  // 其他可能的webpack配置...
};

然后，在package.json中，将type字段从"module"更改为"commonjs"：

{
  "name": "webpack_obj",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "type": "commonjs", // 修改这里
  "dependencies": {
    ...
  }
}

保存这些更改后，你应该能正常运行npm run build或yarn build命令，构建你的项目了。

如果你仍然遇到问题，或者有其他疑问，请随时告诉我。我会尽力提供进一步的帮助。