Javascript 为什么vue-cli-3获胜'；“t build”；can'；找不到'；wepack&x27&引用；？

因为最近在尝试运行

npm run build

时出现此错误，表示在迷你css提取插件中找不到网页包。我不知道是什么原因导致了这一切

我最近创建了一个发布分支，但是与构建仍然有效的主分支相比，我没有太多的更改（在package.json中）。然而，几周前（在我度假之前），它仍然有效，我无法找到我的手指的问题

这里还有初始错误： 在这一点上我迷路了，我可以在网上找到任何东西，所以我重新安装了所有的node_模块，结果仍然是一样的。此外，我还尝试使用

npmci

进行干净的安装，仍然存在相同的问题

我不明白为什么会发生错误，以及如何更改以使其再次工作 package.json中的依赖项：

  "dependencies": {
    "axios": "^0.19.0",
    "babel-polyfill": "^6.26.0",
    "core-js": "^2.6.5",
    "leaflet": "^1.5.1",
    "leaflet.gridlayer.googlemutant": "^0.7.0",
    "m-markdown-preview": "^1.0.0",
    "material-design-icons-iconfont": "*",
    "seedrandom": "^2.4.3",
    "skeleton-placeholder": "^1.0.0",
    "ssri": "^5.3.0",
    "vue": "^2.6.10",
    "vue-infinite-loading": "^2.4.4",
    "vue-router": "^3.0.3",
    "vue2-filters": "^0.7.0",
    "vuetify": "^1.5.5",
    "vuex": "^3.0.1",
    "vuex-localstorage": "^1.0.0"
  },
  "devDependencies": {
    "@mdi/font": "^3.8.95",
    "@storybook/addon-actions": "^4.1.0 || ^5.0.0",
    "@storybook/addon-knobs": "^4.1.0 || ^5.0.0",
    "@storybook/addon-links": "^4.1.0 || ^5.0.0",
    "@storybook/addon-notes": "^4.1.0 || ^5.0.0",
    "@storybook/addon-viewport": "^5.1.9",
    "@vue/cli-plugin-babel": "^3.9.0",
    "@vue/cli-plugin-eslint": "^3.9.2",
    "@vue/cli-service": "^3.9.0",
    "@vue/eslint-config-airbnb": "^4.0.0",
    "babel-eslint": "^10.0.1",
    "css-loader": "^3.1.0",
    "eslint": "^5.16.0",
    "eslint-import-resolver-babel-module": "^5.1.0",
    "eslint-plugin-vue": "^5.0.0",
    "node-sass": "^4.12.0",
    "postcss-import": "^12.0.1",
    "postcss-loader": "^3.0.0",
    "postcss-url": "^8.0.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "vue-cli-plugin-storybook": "^0.6.1",
    "vue-cli-plugin-vuetify": "^0.5.0",
    "vue-template-compiler": "^2.6.10",
    "vuetify-loader": "^1.0.5"
  },

完整的package.json如下所示：

以及vue.config.js：

module.exports = {
  publicPath: './',
  assetsDir: './static',
  runtimeCompiler: true,
  css: {
    modules: false,
    sourceMap: true,
  },
  pluginOptions: {
    storybook: {
      allowedPlugins: ['define'],
    },
  },
};

如何更改依赖项或配置以使其重新生成？尝试运行

npm i -g webpack webpack-cli 

---

为了查看它是否有效，我删除了package-lock.json，npm告诉我缺少的依赖项。我安装了这些。当我运行构建时，它需要更多关于eslint加载程序的dep

总之：

npm安装--保存开发人员网页包html网页包插件类型脚本vue loader babel loader eslint插件导入eslint导入解析器网页

及

npm运行构建

屈服

完成构建完成。dist目录已准备好部署。

---

不过，这并不能真正回答这个问题：我希望你假期过得愉快！这里：你删除了网页包等。。。所以…@madflow是的，据我所知，vue cli服务应该将网页包隐藏起来。因此，在安装vue cli服务时，我希望再次安装它。这是需要克隆和复制的服务之一。我建议用你想要的设置生成一个新的项目，如果它编译了，那么把你的src文件复制到它上面，并尝试尽可能少地修改指定的版本。但最终还是出现了线程加载程序不工作的错误。谢谢你。我还尝试通过

npm I@vue/cli plugin babel@vue/cli plugin eslint@vue/cli service@vue/eslint config airbnb

更新这些软件包，这似乎也很有效。

module.exports = {
  publicPath: './',
  assetsDir: './static',
  runtimeCompiler: true,
  css: {
    modules: false,
    sourceMap: true,
  },
  pluginOptions: {
    storybook: {
      allowedPlugins: ['define'],
    },
  },
};

npm i -g webpack webpack-cli