时间戳

首页 > 解决方案 > Vue/Node 错误：规则只能有一个资源源

node.js - Vue/Node 错误：规则只能有一个资源源

问题描述

我是 Vue 和 Node 的新手，我正在学习的 Vue3 项目一切顺利。我想使用 scss 文件，所以通过 npm 安装了 sass-loader 使用：

npm install sass-loader sass webpack --save-dev

从那时起应用程序就坏了，现在当我尝试服务时，我收到以下错误：

     Error: Rule can only have one resource source (provided resource and test + include + exclude) in {
  "exclude": [
    null
  ],
  "use": [
    {
      "loader": "C:\\pathtoapp\\node_modules\\cache-loader\\dist\\cjs.js",
      "options": {
        "cacheDirectory": "C:\\pathtoapp\\node_modules\\.cache\\babel-loader",
        "cacheIdentifier": "43be597c"
      },
      "ident": "clonedRuleSet-38.use[0]"
    },
    {
      "loader": "C:\\pathtoapp\\node_modules\\babel-loader\\lib\\index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
}
Error: Rule can only have one resource source (provided resource and test + include + exclude) in {
  "exclude": [
    null
  ],
  "use": [
    {
      "loader": "C:\\pathtoapp\\node_modules\\cache-loader\\dist\\cjs.js",
      "options": {
        "cacheDirectory": "C:\\pathtoapp\\node_modules\\.cache\\babel-loader",
        "cacheIdentifier": "43be597c"
      },
      "ident": "clonedRuleSet-38.use[0]"
    },
    {
      "loader": "C:\\pathtoapp\\node_modules\\babel-loader\\lib\\index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
}

我查看了这个错误，大多数人认为这是 webpack 的问题，但我已经卸载并再次安装。安装了早期版本的 webpack，尝试更改 package.json 以指向早期版本，尝试了我目前在 SO 上可以找到的任何东西，现在我完全被难住了。

对此的任何帮助将不胜感激，因为我宁愿学习并发现如果我再次遇到问题时如何解决问题，而不是简单地开始一个新项目。让我知道我应该在需要的编辑中发布的任何代码/文件。

标签： node.jsvue.jsnpmwebpack

解决方案

我遇到了同样的问题，我能够通过以下方式解决它：

rm -rf node_modules
rm package-lock.json
npm install --legacy-peer-deps

资源

推荐阅读