Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

fragment instance issue

See original GitHub issue

Trying this component I get the following error:

Attribute ":model.sync" is ignored on component <vue-html-editor> because the component is a fragment instance

I’m using Vue 1.0.26.

What am I doing wrong?

Thanks!

Martin

Issue Analytics

State:
Created 7 years ago
Reactions:16
Comments:16 (1 by maintainers)

Top GitHub Comments

1reaction

Remocommented, Aug 9, 2016

@Haixing-Hu I’ve seen that you updated vue.js in the repo, I guess I’ve been looking at the wrong thing. I still get the problem above though. Here’s what I’ve did:

npm install vue vue-html-editor
npm install -g browserify

app.js

Vue = require('vue');
Vue.component('vue-html-editor', require("vue-html-editor"));

new Vue({
    el: "#app",
    data: {},
});

index.html

<!DOCTYPE html>
<html lang="en">
    <body>
    <div id="app">
        <vue-html-editor model="{{@ text}}"></vue-html-editor>
        <div style="margin-top:40px">
            <div> The HTML contents are as follows:</div>
            <div>{{{text}}}</div>
        </div>
    </div>
    <script src="index.js"></script>
</body>

Create index.js

browserify app.js > index.js

0reactions

ewerkemacommented, Oct 31, 2016

The solution by @timfeid with copying the vue-html-editor.js file to your local environment worked for me:

“Interesting, for some reason I was able to get this working by just copying vue-html-editor.js to my local. Using require(‘vue-html-editor’) fails, but using require(‘./vue-html-editor’) works without the div there as well.”

It would be great if this issue could be solved!

Top Results From Across the Web

Best practice for instantiating a new Android Fragment

Best practice to instance fragments with arguments in android is to have static factory method in your fragment. public static MyFragment newInstance(String ...

Debug your fragments | Android Developers

All the Fragment instances are suffixed by an identifier so that you can track different instances of the same Fragment class. VERBOSE logging....

Fragment Instance Issue! - Laracasts

I'm just practicing with a my-button component with a type attribute which is used to add bootstrap classes. I tried encapsulating the internals...

Reattaching same Fragment instance fails · Issue #824 - GitHub

The issue is fixed by changing the calls from using the same Fragment instance (myFrag) to new myFragment() which is obviously not desirable...

Creating and Using Fragments | CodePath Android Cliffnotes

A fragment is a reusable class implementing a portion of an activity. A Fragment typically defines a part of a user interface. Fragments...