webpack与vue遇到的一些问题
发布于 6 年前 作者 radicalviva 6395 次浏览 来自 问答

在这个 vue脚手架工具下进行的开发 我想将vue使用<script></script>直接在html内通过cdn插入 目前 我的配置和页面代码是这样的 webpack.base.config.js

  externals: {
    'Vue': 'window.Vue'
  }

info.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-cli-multi info</title>
  </head>
  <body>
    <div id="app">
      {{ title }}
      <info></info>
    </div>
    <script src="http://cdn.bootcss.com/vue/2.1.10/vue.min.js"></script>
  </body>
</html>

info.js

import Vue from 'Vue'
import info from '../../components/info.vue'
/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: {
    info
  },
  data: {
    title: 'inf'
  }
})

info.vue

<template>
  <h1>{{ msg }}</h1>
</template>

<script>
export default {
  name: 'info',
  data () {
    return {
      msg: 'this is info page'
    }
  }
}
</script>

现在就会报错 ERROR in ./src/components/info.vue Module not found: Error: Cannot resolve module 'vue' 路径是没有问题的。 还有 能否可以在js中不用import vue 而是直接使用,既然我已经在html上插入了。。。

3 回复

不用import了

@jingsam 不用import 会报错 说 undefined

额,重新安装一遍又好了。。

回到顶部