why require does not work inside .vue file? about vue-loader HOT 7 CLOSED

got some code to show?

from vue-loader.

I just tried the vue-loader-example project and it failed again.

It is very simple, that firstly I install vue-html-editor inside vue-loader-example directory with npm install vue-html-editor --save-dev.

and then I just add one line into src/app.vue as following:

<script>


import compA from './components/a.vue'
import compB from './components/b.vue'

var vueHtmlEditor = require('vue-html-editor');   //code I added 

export default {
  data () {
    return {
      msg: 'Hello from Babel!',
      text: 'try to set something here xxx ssss'      
    }
  },
  methods: {
    nothing: function(){alert(this.text + "?");}
  }, 
  components: {
    'comp-a': compA,
    'comp-b': compB,
    "vue-html-editor": vueHtmlEditor  //code I added 
  }
}
</script>

then I run npm run-script dev and failed with following errors:

ERROR in .//babel-loader?optional[]=runtime&loose=all!.//vue-loader/lib/selector.js?type=script&index=0!./src/app.vue
Module not found: Error: Cannot resolve module 'vue-html-editor' in /Users/whatsthat/Development/github/vue-loader-example/src
@ .//babel-loader?optional[]=runtime&loose=all!.//vue-loader/lib/selector.js?type=script&index=0!./src/app.vue 15:13-39

Seems it is something wrong with selector.js of vue-loader?

from vue-loader.

and then I just add one line into src/app.vue as following:

I don't see any code following..

Are you using npm version 3? And why would you --save-dev it instead of --save?

from vue-loader.

You need to surround your code blocks with three backticks... otherwise GitHub will filter away any HTML tags. I can't tell anything wrong with your description, so you need to provide a repo of your code if you want any further help. Also, this most likely has nothing to do with vue-loader.

from vue-loader.

ok, I found the problem is inside the modules I want to require inside .vue files. These modules have same problems in their package.json file, the main field value is an array , not just string.

from vue-loader.

What was the solution to this?

from vue-loader.

@goyote The solution was to fix other module's code.

from vue-loader.