vue-cli 引入 jquery 报了几个错误,但是不影响使用

项目用了一些jq的插件,依赖jq运行,所以引入了 jq

webpack.base.conf.js

plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ],

index.html

又因为用到了 layer.js ,所以在html中直接引入了 jquery 和 layer

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>octet</title>
    <script src="./static/js-spark-md5.js"></script>
    <script src="./static/jquery-2.1.4.js"></script>
    <script src="./static/layer/layer.js"></script>
  </head>
  <body>
  <!--<body data-spy="scroll" data-target="#sidebar">-->
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

但是浏览器报了如下错误,找了好久没找到原因

main.js 中 已加

new Vue({
  el: '#app',
  store,
  router,
  template: '<router-view></router-view>',
  // components: {template: '<router-view></router-view>'}
})

clipboard.png

阅读 3.1k
2 个回答

已解决,注释掉 main.js 中的

import $ form 'jquery'

main.js中vue 没有new 吧。。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题