import jquery in vue-cli then some errors show, but it does not affect normal use

Question

when i use vue-cli, i import jquery in webpack, and because i use layer.js, so i import jquery in index.html.

webpack.base.conf.js

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

index.html

<!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>'}
})

but chrome shows some errors enter image description here

Yeachan · Accepted Answer · 2018-08-12 15:06:50Z

0

i delete import $ from 'jquery' in main.js, then this is no error in console

answered Aug 12, 2018 at 15:06

Yeachan

7111 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

import jquery in vue-cli then some errors show, but it does not affect normal use

webpack.base.conf.js

index.html

main.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

webpack.base.conf.js

index.html

main.js

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related