Vue.config.js 无法识别 require('webpack')

Question

我用CLI创建一个vue3.0 + ts项目，当我添加vue.config.js时，它总是在require

上出错

const webpack = require('webpack');
const path = require('path');

错误是

module "d:/learning/vue-3-ts-demo/node_modules/webpack/types"

Require statement not part of import statement`.

我已经安装了 webpack 5.65.0

我的packages.json:

{
  "name": "vue-3-ts-demo",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^4.18.0",
    "@typescript-eslint/parser": "^4.18.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2",
    "typescript": "~4.1.5",
    "webpack": "^5.65.0"
  }
}

这是一个新的vue项目，有什么问题吗？

Answer 1

The errors are module "d:/learning/vue-3-ts-demo/node_modules/webpack/types"

Require statement not part of import statement`.

对于这个错误，我是通过在.eslintrc.js

中加入'@typescript-eslint/no-var-requires': 0来处理的

rules: {
'@typescript-eslint/no-var-requires': 0
}

I have install webpack 5.65.0

由于我的vue CLI是4.5.14，所以我也安装了4.x版本的webpack，终于成功了。

Vue.config.js 无法识别 require('webpack')

Vue.config.js could not recognize require('webpack')

webpack

vue.js

vuejs3