请教，出现这个提示怎么解决？Cannot read property 'editActive' of undefined

3xxx commented 5 years ago

你好，跑这个项目出现Vue warn]: Error in render: "TypeError: Cannot read property 'data' of undefined"和Cannot read property 'editActive' of undefined 2个提示。放到我自己的项目里，出现Cannot read property 'editActive' of undefined。请问是哪里没配置好么？感谢。

xuliangzhan commented 5 years ago

请问是跑 vue-element-extends 我的这个项目就报错，还是说把 Editable 组件放到自己的项目中报的错？如果是放到自己项目就报错，能否提供下调用代码

3xxx commented 5 years ago

谢谢您的答复，是直接跑你的项目就出错的。我给您发了邮件。我下载下来跑 vue-element-extends，台式机和笔记本2台电脑我都试了，同样的问题。 cnpm install，然后cnpm run dev，chrome打开出现下面情况，并且不能编辑，请问能帮帮我么？十分感谢。非常期待解决问题，因为之前用bootstrap的x-editable，现在学vue，您这个太好了。

webpack-internal:///./node_modules/_webpack@3.12.0@webpack/hot/log.js:23 [HMR] Waiting for update signal from WDS...
webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'data' of undefined"

…… ……

webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'editActive' of undefined"

found in

我自己的项目按照您的readme中的步骤。将store文件夹拷入我的项目内。 main.js:

 import store from '@/store'
 import Editable from '@/components/Editable.vue'
 import EditableColumn from '@/components/EditableColumn.vue'

 Vue.component(Editable.name, Editable)
 Vue.component(EditableColumn.name, EditableColumn)
new Vue({
  el: '#app',
  store,
  router,
  components: { App },
  template: '<App/>'
})

3xxx commented 5 years ago

详细一点的错误提示如下：

webpack-internal:///./node_modules/_webpack@3.12.0@webpack/hot/log.js:23 [HMR] Waiting for update signal from WDS...
webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'data' of undefined"

found in

---> <ElTableColumn>
       <ElEditableColumn> at src/components/EditableColumn.vue
         <ElTable> at packages/table/src/table.vue
           <ElEditable> at src/components/Editable.vue
             <Click1> at src/views/editable/Click1.vue
               <App> at src/App.vue
                 <Root>
warn @ webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:628
webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:1881 TypeError: Cannot read property 'data' of undefined
    at VueComponent.formatColumnLabel (webpack-internal:///./node_modules/_babel-loader@7.1.5@babel-loader/lib/index.js!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=script&index=0!./src/components/EditableColumn.vue:219)
    at fn (eval at ./node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler/index.js?{"id":"data-v-de5037ec","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=template&index=0!./src/components/EditableColumn.vue (app.js:6484), <anonymous>:462:42)
    at Object.normalized (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:3922)
    at Proxy.$options.render (webpack-internal:///./node_modules/_element-ui@2.5.4@element-ui/lib/table-column.js:394)
    at VueComponent.Vue._render (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:4819)
    at VueComponent.updateComponent (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:2938)
    at Watcher.get (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:3337)
    at new Watcher (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:3326)
    at mountComponent (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:2945)
    at VueComponent.Vue.$mount (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:8928)
logError @ webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:1881
webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'editActive' of undefined"

found in

---> <ElTableColumn>
       <ElEditableColumn> at src/components/EditableColumn.vue
         <ElTable> at packages/table/src/table.vue
           <ElEditable> at src/components/Editable.vue
             <Click1> at src/views/editable/Click1.vue
               <App> at src/App.vue
                 <Root>
warn @ webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:628
webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:1881 TypeError: Cannot read property 'editActive' of undefined
    at fn (eval at ./node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler/index.js?{"id":"data-v-de5037ec","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=template&index=0!./src/components/EditableColumn.vue (app.js:6484), <anonymous>:255:37)
    at Object.normalized (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:3922)
    at Proxy.$options.render (webpack-internal:///./node_modules/_element-ui@2.5.4@element-ui/lib/table-column.js:394)
    at VueComponent.Vue._render (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:4819)
    at VueComponent.updateComponent (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:2938)
    at Watcher.get (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:3337)
    at new Watcher (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:3326)
    at mountComponent (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:2945)
    at VueComponent.Vue.$mount (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:8928)
    at VueComponent.Vue.$mount (webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:11735)
logError @ webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:1881
webpack-internal:///./node_modules/_vue@2.6.2@vue/dist/vue.esm.js:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'editActive' of undefined"

……

xuliangzhan commented 5 years ago

看这个报错信息应该是变量未定义，项目启动后打开页面就报这些错吗？你看下vue和elementui的对应版本

3xxx commented 5 years ago

谢谢，是的，打开浏览器访问时出现的。我也怀疑是版本问题，我外出了，晚几天我看看版本。

3xxx commented 5 years ago

node:v10.15.1 element："version": "2.5.4"

xuliangzhan commented 5 years ago

你重新拉取下代码，或者更新依赖再试下

3xxx commented 5 years ago

我下载无论是master还是release，都不成功。如下：

c:\gowork\src\github.com\3xxx\vue-element-extends>cnpm install
- [18/21] Installing vue@^2.5.22platform unsupported @vue/cli-plugin-babel@3.4.0
 › webpack@4.28.4 › watchpack@1.6.0 › chokidar@2.1.1 › fsevents@^1.2.7 Package r
equire os(darwin) not compatible with your platform(win32)
[fsevents@^1.2.7] optional install error: Package require os(darwin) not compati
ble with your platform(win32)
√ Installed 21 packages
√ Linked 909 latest versions
[1/1] scripts.install @vue/cli-service@3.4.0 › yorkie@^2.0.0 run "node bin/insta
ll.js", root: "c:\\gowork\\src\\github.com\\3xxx\\vue-element-extends\\node_modu
les\\_yorkie@2.0.0@yorkie"
setting up Git hooks
can't find .git directory, skipping Git hooks installation
[1/1] scripts.install @vue/cli-service@3.4.0 › yorkie@^2.0.0 finished in 854ms
√ Run 1 scripts
peerDependencies link eslint@4.19.1 in c:\gowork\src\github.com\3xxx\vue-element
-extends\node_modules\_eslint-loader@2.1.2@eslint-loader unmet with c:\gowork\sr
c\github.com\3xxx\vue-element-extends\node_modules\eslint(5.14.0)
peerDependencies link eslint@4.19.1 in c:\gowork\src\github.com\3xxx\vue-element
-extends\node_modules\_eslint-plugin-vue@4.7.1@eslint-plugin-vue unmet with c:\g
owork\src\github.com\3xxx\vue-element-extends\node_modules\eslint(5.14.0)
peerDependencies link eslint@4.19.1 in c:\gowork\src\github.com\3xxx\vue-element
-extends\node_modules\_vue-eslint-parser@2.0.3@vue-eslint-parser unmet with c:\g
owork\src\github.com\3xxx\vue-element-extends\node_modules\eslint(5.14.0)
peerDependencies link ajv@5.5.2 in c:\gowork\src\github.com\3xxx\vue-element-ext
ends\node_modules\_ajv-keywords@2.1.1@ajv-keywords unmet with c:\gowork\src\gith
ub.com\3xxx\vue-element-extends\node_modules\ajv(6.9.1)
deprecate @vue/cli-plugin-eslint@3.4.0 › eslint@4.19.1 › file-entry-cache@2.0.0
› flat-cache@1.3.4 › circular-json@^0.3.1 CircularJSON is in maintenance only, f
latted is its successor.
Recently updated (since 2019-02-11): 49 packages (detail see file c:\gowork\src\
github.com\3xxx\vue-element-extends\node_modules\.recently_updates.txt)
  Today:
    → @vue/cli-service@3.4.0 › @intervolga/optimize-cssnano-plugin@1.0.6 › cssn
ano@4.1.10 › cosmiconfig@^5.0.0(5.1.0) (07:58:00)
    → @vue/cli-plugin-babel@3.4.0 › @vue/babel-preset-app@3.4.0 › @babel/preset
-env@7.3.1 › @babel/plugin-transform-named-capturing-groups-regex@7.3.0 › regexp
-tree@^0.1.0(0.1.4) (12:02:23)
√ All packages installed (1067 packages installed from npm registry, used 48s(n
etwork 46s), speed 43.26kB/s, json 930(1.87MB), tarball 75.67kB)

运行出现：

c:\gowork\src\github.com\3xxx\vue-element-extends>cnpm run serve

> vue-element-extends@0.0.3 serve c:\gowork\src\github.com\3xxx\vue-element-exte
nds
> vue-cli-service serve

 INFO  Starting development server...
 98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 errors                                 19:08:03

 error  in ./src/main.js

Module build failed (from ./node_modules/_babel-loader@8.0.5@babel-loader/lib/in
dex.js):
Error: Cannot find module 'babel-plugin-transform-vue-jsx' from 'c:\gowork\src\g
ithub.com\3xxx\vue-element-extends'
    at Function.module.exports [as sync] (c:\gowork\src\github.com\3xxx\vue-elem
ent-extends\node_modules\_resolve@1.10.0@resolve\lib\sync.js:58:15)
    at resolveStandardizedName (c:\gowork\src\github.com\3xxx\vue-element-extend
s\node_modules\_@babel_core@7.3.3@@babel\core\lib\config\files\plugins.js:101:31
)
    at resolvePlugin (c:\gowork\src\github.com\3xxx\vue-element-extends\node_mod
ules\_@babel_core@7.3.3@@babel\core\lib\config\files\plugins.js:54:10)
    at loadPlugin (c:\gowork\src\github.com\3xxx\vue-element-extends\node_module
s\_@babel_core@7.3.3@@babel\core\lib\config\files\plugins.js:62:20)
    at createDescriptor (c:\gowork\src\github.com\3xxx\vue-element-extends\node_
modules\_@babel_core@7.3.3@@babel\core\lib\config\config-descriptors.js:154:9)
    at items.map (c:\gowork\src\github.com\3xxx\vue-element-extends\node_modules
\_@babel_core@7.3.3@@babel\core\lib\config\config-descriptors.js:109:50)
    at Array.map (<anonymous>)
    at createDescriptors (c:\gowork\src\github.com\3xxx\vue-element-extends\node
_modules\_@babel_core@7.3.3@@babel\core\lib\config\config-descriptors.js:109:29)

    at createPluginDescriptors (c:\gowork\src\github.com\3xxx\vue-element-extend
s\node_modules\_@babel_core@7.3.3@@babel\core\lib\config\config-descriptors.js:1
05:10)
    at plugins (c:\gowork\src\github.com\3xxx\vue-element-extends\node_modules\_
@babel_core@7.3.3@@babel\core\lib\config\config-descriptors.js:40:19)
    at mergeChainOpts (c:\gowork\src\github.com\3xxx\vue-element-extends\node_mo
dules\_@babel_core@7.3.3@@babel\core\lib\config\config-chain.js:319:26)
    at c:\gowork\src\github.com\3xxx\vue-element-extends\node_modules\_@babel_co
re@7.3.3@@babel\core\lib\config\config-chain.js:283:7
    at buildRootChain (c:\gowork\src\github.com\3xxx\vue-element-extends\node_mo
dules\_@babel_core@7.3.3@@babel\core\lib\config\config-chain.js:120:22)
    at loadPrivatePartialConfig (c:\gowork\src\github.com\3xxx\vue-element-exten
ds\node_modules\_@babel_core@7.3.3@@babel\core\lib\config\partial.js:85:55)
    at Object.loadPartialConfig (c:\gowork\src\github.com\3xxx\vue-element-exten
ds\node_modules\_@babel_core@7.3.3@@babel\core\lib\config\partial.js:110:18)
    at Object.<anonymous> (c:\gowork\src\github.com\3xxx\vue-element-extends\nod
e_modules\_babel-loader@8.0.5@babel-loader\lib\index.js:140:26)

 @ multi ./node_modules/_webpack-dev-server@3.1.14@webpack-dev-server/client?htt
p://192.168.1.100:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

3xxx commented 5 years ago

哦，我将文件夹整个删掉，重新clone，cnpm install，出现一点错误，但是可以cnpm run serve跑起来了。我再试试我的项目。

xuliangzhan commented 5 years ago

应该是可以跑起来的，看上面的报错应该是有些依赖没更新到，删干净再试下哈

3xxx commented 5 years ago

非常感谢。我在我项目上刚试了，开始不行，后来删掉node_modules，再按照您项目的package.json修改我的为：

  "dependencies": {
    "axios": "^0.18.0",
    "element-ui": "^2.5.4",
    "moment": "^2.24.0",
    "vue": "^2.5.22",——主要是这个版本
    "vue-router": "^3.0.1",
    "vuex": "^3.1.0",
    "xe-utils": "^1.8.3"——还有这个
  },

再cnpm install，出现下面错误，但是跑起来，并且点击可以编辑了。

c:\gowork\src\github.com\3xxx\vue-demo>cnpm install

[34/42] Installing proxy-addr@~2.0.4platform unsupported babel-loader@7.1.5 › webpack@3.12.0 › watchpack@1.6.0 › chokidar@2.1.1 › fsevents@^1.2.7 Package requ ire os(darwin) not compatible with your platform(win32) | [35/42] Installing is-wsl@^1.1.0[fsevents@^1.2.7] optional install error: Pack age require os(darwin) not compatible with your platform(win32) √ Installed 42 packages √ Linked 716 latest versions [1/1] scripts.postinstall babel-loader@7.1.5 › webpack@3.12.0 › uglifyjs-webpack -plugin@^0.4.6 run "node lib/post_install.js", root: "c:\gowork\src\github.co m\3xxx\vue-demo\node_modules\_uglifyjs-webpack-plugin@0.4.6@uglifyjs-webpack -plugin" [1/1] scripts.postinstall babel-loader@7.1.5 › webpack@3.12.0 › uglifyjs-webpack -plugin@^0.4.6 finished in 1s √ Run 1 scripts deprecate autoprefixer@7.2.6 › browserslist@^2.11.3 Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. deprecate css-loader@0.28.11 › cssnano@3.10.0 › autoprefixer@6.7.7 › browserslis t@^1.7.6 Browserslist 2 could fail on reading Browserslist >3.0 config used in o ther tools. deprecate webpack-bundle-analyzer@2.13.1 › bfj-node4@^5.2.0 Switch to the bfj package for fixes and new features! Recently updated (since 2019-02-11): 14 packages (detail see file c:\gowork\src\ github.com\3xxx\vue-demo\node_modules.recently_updates.txt) √ All packages installed (863 packages installed from npm registry, used 43s(ne twork 41s), speed 74.7kB/s, json 758(1.63MB), tarball 1.33MB)

c:\gowork\src\github.com\3xxx\vue-demo>cnpm run dev

xuliangzhan commented 5 years ago

这个没看出哪里报错了

3xxx commented 5 years ago

好的。我以为是错误提示。

xuliangzhan / vue-element-extends

请教，出现这个提示怎么解决？Cannot read property 'editActive' of undefined #3