vueプロジェクトがjqueryライブラリを導入する方法

vueプロジェクトがjqueryライブラリを導入する方法1まずpackage.jsonのdependenciesはjqueryに参加します

  "dependencies": {
    "axios": "^0.19.2",
    "element-ui": "^2.13.1",
    "jquery": "^3.5.1",
    "ol": "^5.2.0",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.2.0",
    "xlsx": "^0.16.0"
  },

2.端末にnpm install jqueryと入力

npm install jquery

3 build/webpack.base.conf.jsファイルmodule.exportsにpluginsプロパティを追加するには、次のコードに従います.

const webpack = require('webpack')

module.exports = {
  resolve:{}
  plugins: [    　　
    　　new webpack.ProvidePlugin({
    　　　　$: "jquery",
    　　　　jQuery: "jquery"
    　　})
  ],
  module:{}

4はい.jsにjquery import$from'jquery'を導入

import $ from 'jquery'

import Vue from 'vue'
import App from './App'
import router from './router'
import $ from 'jquery'

5 app.vue jqueryを使用してvueピクチャlogoを取得

<div id="app">
<image src="logo.png"/>
</div>

export default {
   name : "App",
   mounted(){
        var src= $('#app>img').attr('src');
   }
}

6インストールjqueryエラー処理方法エラー問題説明

npm ERR! Unexpected token < in JSON at position 127336

解決策は次のとおりです.

       package-lock.json       ，
   npm install jquery     ，       。
    package-lock.json,         ，     。

—the—end—