Comments (5)
try to update, this is fixed for me in vue-color 2.0.3
and I'm using vue 2.1.6
can you please confirm
if so, I believe this issue should be closed
from vue-color.
working per ikhattab.
I uninstalled vue-color and reinstalled.
from vue-color.
same error in vue2.1.6
from vue-color.
i think the problem is vue-color's build code.
copy src code to project , it runs without error
from vue-color.
vue.runtime.common.js?d43f:519 [Vue warn]: Error when rendering component <Photoshop>: warn
@vue.runtime.common.js?d43f:519Vue._render
@ vue.runtime.common.js?d43f:2959(anonymous function)
->>@ vue.runtime.common.js?d43f:2189get <<--
@ vue.runtime.common.js?d43f:1652Watcher
@ vue.runtime.common.js?d43f:1644Vue._mount
@ vue.runtime.common.js?d43f:2188Vue$2.$mount
@ vue.runtime.common.js?d43f:5978init
@ vue.runtime.common.js?d43f:2500createComponent
@ vue.runtime.common.js?d43f:4052createElm
@ vue.runtime.common.js?d43f:3995createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028patch
@ vue.runtime.common.js?d43f:4446Vue._update
@ vue.runtime.common.js?d43f:2215(anonymous function)
@ vue.runtime.common.js?d43f:2189get
@ vue.runtime.common.js?d43f:1652Watcher
@ vue.runtime.common.js?d43f:1644Vue._mount
@ vue.runtime.common.js?d43f:2188Vue$2.$mount
@ vue.runtime.common.js?d43f:5978init
@ vue.runtime.common.js?d43f:2500createComponent
@ vue.runtime.common.js?d43f:4052createElm
@ vue.runtime.common.js?d43f:3995createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028patch
@ vue.runtime.common.js?d43f:4446Vue._update
@ vue.runtime.common.js?d43f:2215(anonymous function)
@ vue.runtime.common.js?d43f:2189get
@ vue.runtime.common.js?d43f:1652Watcher
@ vue.runtime.common.js?d43f:1644Vue._mount
@ vue.runtime.common.js?d43f:2188Vue$2.$mount
@ vue.runtime.common.js?d43f:5978init
@ vue.runtime.common.js?d43f:2500createComponent
@ vue.runtime.common.js?d43f:4052createElm
@ vue.runtime.common.js?d43f:3995createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028patch
@ vue.runtime.common.js?d43f:4446Vue._update
@ vue.runtime.common.js?d43f:2215(anonymous function)
@ vue.runtime.common.js?d43f:2189get
@ vue.runtime.common.js?d43f:1652Watcher
@ vue.runtime.common.js?d43f:1644Vue._mount
@ vue.runtime.common.js?d43f:2188Vue$2.$mount
@ vue.runtime.common.js?d43f:5978init
@ vue.runtime.common.js?d43f:2500(anonymous function)
@ vue.runtime.common.js?d43f:2654createComponent
@ vue.runtime.common.js?d43f:4052createElm
@ vue.runtime.common.js?d43f:3995createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028createChildren
@ vue.runtime.common.js?d43f:4103createElm
@ vue.runtime.common.js?d43f:4028patch
@ vue.runtime.common.js?d43f:4446Vue._update
@ vue.runtime.common.js?d43f:2215(anonymous function)
@ vue.runtime.common.js?d43f:2189get
@ vue.runtime.common.js?d43f:1652Watcher
@ vue.runtime.common.js?d43f:1644Vue._mount
@ vue.runtime.common.js?d43f:2188Vue$2.$mount
@ vue.runtime.common.js?d43f:5978init
@ vue.runtime.common.js?d43f:2500createComponent
@ vue.runtime.common.js?d43f:4052createElm
@ vue.runtime.common.js?d43f:3995patch
@ vue.runtime.common.js?d43f:4446Vue._update
@ vue.runtime.common.js?d43f:2215(anonymous function)
@ vue.runtime.common.js?d43f:2189get
@ vue.runtime.common.js?d43f:1652Watcher
@ vue.runtime.common.js?d43f:1644Vue._mount
@ vue.runtime.common.js?d43f:2188Vue$2.$mount
@ vue.runtime.common.js?d43f:5978init
@ vue.runtime.common.js?d43f:2500(anonymous function)
@ vue.runtime.common.js?d43f:2654createComponent
@ vue.runtime.common.js?d43f:4052createElm
@ vue.runtime.common.js?d43f:3995updateChildren
@ vue.runtime.common.js?d43f:4265patchVnode
@ vue.runtime.common.js?d43f:4328patch
@ vue.runtime.common.js?d43f:4451Vue._update
@ vue.runtime.common.js?d43f:2222(anonymous function)
@ vue.runtime.common.js?d43f:2189get
@ vue.runtime.common.js?d43f:1652run
@ vue.runtime.common.js?d43f:1721flushSchedulerQueue
@ vue.runtime.common.js?d43f:1539(anonymous function)
@ vue.runtime.common.js?d43f:471nextTickHandler
@ vue.runtime.common.js?d43f:420
and
vue.runtime.common.js?d43f:433 ReferenceError: _h is not defined(…)logError
@ vue.runtime.common.js?d43f:433
This appears to be the function that's being puked:
function lifecycleMixin (Vue) {
Vue.prototype._mount = function (
el,
hydrating
) {
var vm = this;
vm.$el = el;
if (!vm.$options.render) {
vm.$options.render = createEmptyVNode;
if (process.env.NODE_ENV !== 'production') {
/* istanbul ignore if */
if (vm.$options.template && vm.$options.template.charAt(0) !== '#') {
warn(
'You are using the runtime-only build of Vue where the template ' +
'option is not available. Either pre-compile the templates into ' +
'render functions, or use the compiler-included build.',
vm
);
} else {
warn(
'Failed to mount component: template or render function not defined.',
vm
);
}
}
}
callHook(vm, 'beforeMount');
vm._watcher = new Watcher(vm, function () {
vm._update(vm._render(), hydrating); /* line 2189*/
}, noop);
hydrating = false;
// manually mounted instance, call mounted on self
// mounted is called for render-created child components in its inserted hook
if (vm.$vnode == null) {
vm._isMounted = true;
callHook(vm, 'mounted');
}
return vm
};
_h is the vm.$createElement
cal
{var _vm=this;
var _h=_vm.$createElement;
return _vm._c('div', _vm._l((_vm.features), function(feature) {
return ...
[_vm._c('label', [_vm._v("Color")]), _vm._v(" "), _vm._c('photoshop', {
directives: [{
name: "model",
rawName: "v-model",
value: (_vm.colors),
expression: "colors"
}],
domProps: {
"value": (_vm.colors)
},
on: {
"input": function($event) {
_vm.colors = $event
}
}
})
from vue-color.
Related Issues (20)
- Issue in Saturation component : Cannot read property 'clientWidth' of undefined HOT 2
- Auto detect fieldsIndex based on input color format
- append to body feature
- Usage Docs not clear HOT 2
- Set color "programmatically"? HOT 1
- How can I use this in Vue3? HOT 3
- Running inside a Web Component / Shadow DOM HOT 1
- How change default saturation to maximal value to correct working of "hue" slider HOT 5
- ETA on v3 release? HOT 4
- Selection doesn't update with custom color palette
- Transparency as percentage
- A dark theme prop would be great
- Added title when hovering with preset color
- Set a color with v-if
- This library is incompatible with Vite
- Can you add a color absorption function?
- Add the ability to select the "Lab" color value?
- 报错Cannot read properties of undefined (reading 'h')" HOT 6
- When the plugin is introduced, the coordinates of the mouse and the color block are shifted by n pixels HOT 1
- hsl 模式下的一个小问题 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-color.