meteor-vue / meteor-vue3

MIT License
19 stars 8 forks source link

App crash after install element-plus #2

Closed yuniit closed 3 years ago

yuniit commented 3 years ago

Hello, my app crash after install element-plus for Vue 3.

Meteor v2.3.5 Node v14.15.5

meteor package:

meteor-base@1.5.1             # Packages every Meteor app needs to have
mobile-experience@1.1.0       # Packages for a great mobile UX
mongo@1.12.0                   # The database Meteor supports right now
reactive-var@1.0.11            # Reactive variable for tracker
standard-minifier-css@1.7.3   # CSS minifier run for production mode
standard-minifier-js@2.6.1    # JS minifier run for production mode
es5-shim@4.8.0                # ECMAScript 5 compatibility for older browsers
ecmascript@0.15.3              # Enable ECMAScript2015+ syntax in app code
typescript@4.3.5              # Enable TypeScript syntax in .ts and .tsx modules
shell-server@0.5.0            # Server-side component of the `meteor shell` command
hot-module-replacement@0.3.0  # Update client in development without reloading the page
static-html             # Define static page content in .html files
vuejs:vue3
sakulstra:aggregate
aldeed:collection2
accounts-base
accounts-password
alanning:roles
mdg:validated-method
didericis:callpromise-mixin

package.json:

{
  "name": "meteor-vue3",
  "private": true,
  "scripts": {
    "start": "meteor run",
    "test": "meteor test --once --driver-package meteortesting:mocha",
    "test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
    "visualize": "meteor --production --extra-packages bundle-visualizer"
  },
  "dependencies": {
    "@babel/runtime": "^7.15.3",
    "element-plus": "^1.1.0-beta.8",
    "meteor-node-stubs": "^1.0.0",
    "simpl-schema": "^1.12.0",
    "vue": "^3.2.7",
    "vue-router": "^4.0.11"
  },
  "meteor": {
    "mainModule": {
      "client": "imports/main.js",
      "server": "server/main.js"
    },
    "testModule": "tests/main.js"
  },
  "devDependencies": {
    "@vue/compiler-sfc": "^3.1.5"
  },
}

error message:

[[[[[ ~/Desktop/meteor-app/meteor-vue3 ]]]]]  

=> Started proxy.                         
=> Started HMR server.                        
=> Errors prevented startup:                  

   While processing files with vuejs:vue3 (for target web.browser):

   /home/rabbit/.meteor/packages/vuejs_vue3/.0.0.1.1fwfl0e.kr2s++os+web.browser+web.browser.legacy+web.cordova/plugin.vue3.os/npm/node_modules/meteor/babel-compiler/node_modules/@babel/parser/src/parser/error.js:134:45:
   /home/rabbit/Desktop/meteor-app/meteor-vue3/node_modules/element-plus/packages/components/color-picker/src/components/alpha-slider.vue: Unexpected token, expected "," (14:19)

     12 |   props: {
     13 |     color: {
   > 14 |       type: Object as PropType<Color>,
        |                    ^
     15 |       required: true,
     16 |     },
     17 |     vertical: {
   at Object._raise
 at Object._raise
 (/home/rabbit/.meteor/packages/vuejs_vue3/.0.0.1.1fwfl0e.kr2s++os+web.browser+web.browser.legacy+web.cordova/plugin.vue3.os/npm/node_modules/meteor/babel-compiler/node_modules/@babel/parser/src/parser/error.js:134:45)
   at Object.raiseWithData
  (/home/rabbit/.meteor/packages/vuejs_vue3/.0.0.1.1fwfl0e.kr2s++os+web.browser+web.browser.legacy+web.cordova/plugin.vue3.os/npm/node_modules/meteor/babel-compiler/node_modules/@babel/parser/src/parser/error.js:129:17)

Can someone explain what causes this error to occur? Thank in advance!