Ошибка Vue / узла: правило может иметь только один источник ресурсов

#node.js #vue.js #npm #webpack

#node.js #vue.js #npm #webpack

Вопрос:

Я новичок в Vue и Node, и все шло хорошо с проектом Vue3, с которым я возился, чтобы учиться. Я хотел использовать файлы scss, поэтому установил sass-loader через npm, используя:

 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, и теперь я полностью в тупике.

Любая помощь в этом была бы очень признательна, поскольку я предпочел бы узнать и узнать, как устранить проблему, если я столкнусь с ней снова, а не просто начать новый проект. Дайте мне знать любой код / файлы, которые я должен опубликовать в редактировании, где это необходимо.

Комментарии:

1. Можете ли вы включить полную конфигурацию Webpack?

2. @Seblor конечно, откуда мне это взять?

Ответ №1:

Я столкнулся с той же проблемой, и я смог ее решить:

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

Источник