Error: Cannot find module 'autoprefixer'？

Question

HTML 项目postcss.config.js配置是这样的

let autoprefixer = require("autoprefixer");
module.exports = {
 
    plugins: [
 
        autoprefixer({
 
            //兼容市面所有版本浏览器
 
            browsers: ["> 0% "]
 
        })
 
    ]
 
}

package.json 是这样的

{
  "devDependencies": {
    "autoprefixer": "^10.4.8",
    "postcss": "^8.4.16",
    "postcss-cli": "^10.0.0"
  },
  "name": "self-project",
  "version": "1.0.0",
  "main": "postcss.config.js",
  "dependencies": {
    "_ansi-regex@5.0.1@ansi-regex": "^5.0.1",
    "_ansi-styles@4.3.0@ansi-styles": "^4.3.0",
    "_anymatch@3.1.2@anymatch": "^3.1.2",
    "_binary-extensions@2.2.0@binary-extensions": "^2.2.0",
    "_braces@3.0.2@braces": "^3.0.2",
    "_chokidar@3.5.3@chokidar": "^3.5.3",
    "_cliui@7.0.4@cliui": "^7.0.4",
    "_color-convert@2.0.1@color-convert": "^2.0.1",
    "_color-name@1.1.4@color-name": "^1.1.4",
    "_dependency-graph@0.11.0@dependency-graph": "^0.11.0",
    "_dir-glob@3.0.1@dir-glob": "^3.0.1",
    "_emoji-regex@8.0.0@emoji-regex": "^8.0.0",
    "_escalade@3.1.1@escalade": "^3.1.1",
    "_fast-glob@3.2.11@fast-glob": "^3.2.11",
    "_fastq@1.13.0@fastq": "^1.13.0",
    "_fill-range@7.0.1@fill-range": "^7.0.1",
    "_fs-extra@10.1.0@fs-extra": "^10.1.0",
    "_fsevents@2.3.2@fsevents": "^2.3.2",
    "_get-caller-file@2.0.5@get-caller-file": "^2.0.5",
    "_get-stdin@9.0.0@get-stdin": "^9.0.0",
    "_glob-parent@5.1.2@glob-parent": "^5.1.2",
    "_globby@13.1.2@globby": "^13.1.2",
    "_graceful-fs@4.2.10@graceful-fs": "^4.2.10",
    "_ignore@5.2.0@ignore": "^5.2.0",
    "_is-binary-path@2.1.0@is-binary-path": "^2.1.0",
    "_is-extglob@2.1.1@is-extglob": "^2.1.1",
    "_is-fullwidth-code-point@3.0.0@is-fullwidth-code-point": "^3.0.0",
    "_is-glob@4.0.3@is-glob": "^4.0.3",
    "_is-number@7.0.0@is-number": "^7.0.0",
    "_jsonfile@6.1.0@jsonfile": "^6.1.0",
    "_lilconfig@2.0.6@lilconfig": "^2.0.6",
    "_merge2@1.4.1@merge2": "^1.4.1",
    "_micromatch@4.0.5@micromatch": "^4.0.5",
    "_nanoid@3.3.4@nanoid": "^3.3.4",
    "_normalize-path@3.0.0@normalize-path": "^3.0.0",
    "_path-type@4.0.0@path-type": "^4.0.0",
    "_picocolors@1.0.0@picocolors": "^1.0.0",
    "_picomatch@2.3.1@picomatch": "^2.3.1",
    "_pify@2.3.0@pify": "^2.3.0",
    "_postcss-cli@10.0.0@postcss-cli": "^10.0.0",
    "_postcss-load-config@4.0.1@postcss-load-config": "^4.0.1",
    "_postcss-reporter@7.0.5@postcss-reporter": "^7.0.5",
    "_postcss@8.4.16@postcss": "^8.4.16",
    "_pretty-hrtime@1.0.3@pretty-hrtime": "^1.0.3",
    "_queue-microtask@1.2.3@queue-microtask": "^1.2.3",
    "_read-cache@1.0.0@read-cache": "^1.0.0",
    "_readdirp@3.6.0@readdirp": "^3.6.0",
    "_require-directory@2.1.1@require-directory": "^2.1.1",
    "_reusify@1.0.4@reusify": "^1.0.4",
    "_run-parallel@1.2.0@run-parallel": "^1.2.0",
    "_slash@4.0.0@slash": "^4.0.0",
    "_source-map-js@1.0.2@source-map-js": "^1.0.2",
    "_string-width@4.2.3@string-width": "^4.2.3",
    "_strip-ansi@6.0.1@strip-ansi": "^6.0.1",
    "_thenby@1.3.4@thenby": "^1.3.4",
    "_to-regex-range@5.0.1@to-regex-range": "^5.0.1",
    "_universalify@2.0.0@universalify": "^2.0.0",
    "_wrap-ansi@7.0.0@wrap-ansi": "^7.0.0",
    "_y18n@5.0.8@y18n": "^5.0.8",
    "_yaml@2.1.1@yaml": "^2.1.1",
    "_yargs-parser@21.1.1@yargs-parser": "^21.1.1",
    "_yargs@17.5.1@yargs": "^17.5.1",
    "ansi-regex": "^5.0.1",
    "ansi-styles": "^4.3.0",
    "anymatch": "^3.1.2",
    "binary-extensions": "^2.2.0",
    "braces": "^3.0.2",
    "chokidar": "^3.5.3",
    "cliui": "^7.0.4",
    "color-convert": "^2.0.1",
    "color-name": "^1.1.4",
    "dependency-graph": "^0.11.0",
    "dir-glob": "^3.0.1",
    "emoji-regex": "^8.0.0",
    "escalade": "^3.1.1",
    "fast-glob": "^3.2.11",
    "fastq": "^1.13.0",
    "fill-range": "^7.0.1",
    "fs-extra": "^10.1.0",
    "fsevents": "^2.3.2",
    "get-caller-file": "^2.0.5",
    "get-stdin": "^9.0.0",
    "glob-parent": "^5.1.2",
    "globby": "^13.1.2",
    "graceful-fs": "^4.2.10",
    "ignore": "^5.2.0",
    "is-binary-path": "^2.1.0",
    "is-extglob": "^2.1.1",
    "is-fullwidth-code-point": "^3.0.0",
    "is-glob": "^4.0.3",
    "is-number": "^7.0.0",
    "jsonfile": "^6.1.0",
    "lilconfig": "^2.0.6",
    "merge2": "^1.4.1",
    "micromatch": "^4.0.5",
    "nanoid": "^3.3.4",
    "normalize-path": "^3.0.0",
    "path-type": "^4.0.0",
    "picocolors": "^1.0.0",
    "picomatch": "^2.3.1",
    "pify": "^2.3.0",
    "postcss": "^8.4.16",
    "postcss-load-config": "^4.0.1",
    "postcss-reporter": "^7.0.5",
    "pretty-hrtime": "^1.0.3",
    "queue-microtask": "^1.2.3",
    "read-cache": "^1.0.0",
    "readdirp": "^3.6.0",
    "require-directory": "^2.1.1",
    "reusify": "^1.0.4",
    "run-parallel": "^1.2.0",
    "slash": "^4.0.0",
    "source-map-js": "^1.0.2",
    "string-width": "^4.2.3",
    "strip-ansi": "^6.0.1",
    "thenby": "^1.3.4",
    "to-regex-range": "^5.0.1",
    "universalify": "^2.0.0",
    "wrap-ansi": "^7.0.0",
    "y18n": "^5.0.8",
    "yaml": "^2.1.1",
    "yargs": "^17.5.1",
    "yargs-parser": "^21.1.1"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

执行postcss src/style01.css -o src/new-style01.css命令

如何修改？

Answer 1

把 package-lock.json和 node_modules 文件删除，重新安装一些，再试试是否正常，