vue2.x中安装quasar

发表于 更新于 分类于 ， ， 本文字数： 847 阅读时长 ≈ 1 分钟

随着 quasar 的升级，quasar 从 1.x升级到了 2.x，而通过 vue add quasar 会安装vue-cli-plugin-quasar 4.x，通过该 CLI 安装的 qusar 为 quasar 2.x 版本，2.x 版本支持 vue3,但是却不兼容 vue2.x。这导致在 vue 2.x 中按照教程使用 vue add quasar 后，运行时总是失败。

失败错误如下：

1
2
3
4
5
6
7
8
9
10
11
Uncaught TypeError: Object(...) is not a function
    at eval (webpack-internal:///./node_modules/quasar/src/plugins/Platform.js:29)
    at Module../node_modules/quasar/src/plugins/Platform.js (chunk-vendors.js:4272)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (webpack-internal:///./node_modules/quasar/src/install-quasar.js:18)
    at Module../node_modules/quasar/src/install-quasar.js (chunk-vendors.js:4236)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (webpack-internal:///./node_modules/quasar/src/vue-plugin.js:2)
    at Module../node_modules/quasar/src/vue-plugin.js (chunk-vendors.js:4380)

为了解决上述问题，我们需要使用 quasar-cli 3.x 或者以下的版本来安装。

在使用 vue add 的时候，增加一个版本号，如下：

1
vue add quasar@3.x