Javascript vue加载程序的问题

我在尝试创建vue项目时遇到了一些vue加载程序问题。我开始用vue init创建一个项目。接下来，我通过运行

npm install Firebase

并从“Firebase”添加

import Firebase来添加Firebase和

let config = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
  databaseURL: "https://YOUR_PROJECT_ID.firebaseio.com",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_PROJECT_ID.appspot.com",
  messagingSenderId: "YOUR_MESSAGING_SEND_ID"
};
firebase.initializeApp(config);

到我的main.js文件。
当我尝试使用
npm run serve
运行此程序时，出现错误“error:找不到模块'vue loader/package.json'”。
因此，我尝试通过npm安装vue loader，之后出现了另一个错误，因为我缺少@vue/compiler sfc

在我这么做之后，这个应用程序运行了很短一段时间，直到我尝试安装Vuetify

我将Vuetify添加到main.js中，现在我发现了错误

错误：[VuetifyLoaderPlugin错误]找不到vue加载程序的匹配规则。
确保至少有一个根级别规则使用vue加载程序

从my package.json：

"dependencies": {
    "@vue/compiler-sfc": "^3.0.0",
    "core-js": "^3.6.5",
    "firebase": "^7.23.0",
    "vue": "^2.6.11",
    "vue-loader": "^15.9.3",
    "vue-meta": "^2.4.0",
    "vue-router": "^3.4.6",
    "vuetify": "^2.2.11"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.5.0",
    "@vue/cli-plugin-eslint": "^4.5.0",
    "@vue/cli-service": "^4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "sass": "^1.19.0",
    "sass-loader": "^8.0.0",
    "vue-cli-plugin-vuetify": "^2.0.7",
    "vue-template-compiler": "^2.6.11",
    "vuetify-loader": "^1.3.0"
  },

您是否安装了vue loader？这是否解决了您的问题@Mateonnez不，我没有以任何方式使用vue loader，如果firebase没有安装，它将无法工作reason@RandyCasburn是的，有了npmAdd，请将您的package.json中的依赖项部分添加到问题中。