如何从源代码构建 Vuetify 3 并使用它？答案

【问题标题】：How to build Vuetify 3 from sources and use it?如何从源代码构建 Vuetify 3 并使用它？
【发布时间】：2022-01-01 18:15:59
【问题描述】：

我想在我的项目中使用来自 master 的当前 Vuetify 3 版本。

我将 vuetify 从 master (git clone -b next https://github.com/vuetifyjs/vuetify.git) 克隆到 /home/pavel/vuetify 文件夹。之后我安装了 vuetify 项目 (yarn install)。

在我的项目中我设置

  "dependencies": {
    "vuetify": "file:/home/pavel/vuetify",
      ....
  },
  "devDependencies": {,
     ...
     "vuetify-loader": "^2.0.0-alpha.0"
  },

但是，当我尝试构建我的项目时，我得到：

$npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: my_project@0.1.0
npm ERR! Found: vuetify@undefined
npm ERR! node_modules/vuetify
npm ERR!   vuetify@"file:/home/pavel/vuetify" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vuetify@"^3.0.0-alpha.11" from vuetify-loader@2.0.0-alpha.9
npm ERR! node_modules/vuetify-loader
npm ERR!   dev vuetify-loader@"^2.0.0-alpha.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

任何人都可以帮助构建和使用 master 的当前 Vuetify 3 版本。

【问题讨论】：

master分支有vuetify 2源码，下一个分支点在版本3，vuetify 3入门请查看stackoverflow.com/questions/67347456/…
@BoussadjraBrahim 感谢您的评论，我更改了分支（请参阅我的编辑），但没有帮助。我仍然无法安装我的项目。
@BoussadjraBrahim 我使用vue create my_project、vue add vuetify 创建的项目。因此，该项目是使用 CLI 完全创建的。现在，我只想使用主版本而不是 alpha.12。

标签： vue.js npm vuetify.js yarnpkg

【解决方案1】：

您也必须构建它 (yarn build vuetify)，并且 vuetify 包位于 packages/vuetify 下，而不是 repo 的根目录。如果您只想尝试最新的更改，它们会自动发布到 npm：https://vuetifyjs.com/en/getting-started/installation/#nightly-builds

【讨论】：