Jquery Vue |如何正确导入我的.js文件？

很抱歉，如果我的问题是愚蠢的，但我是Vue的新手：（ 我遇到了某种矛盾，肯定是我做错了什么。我在jquery中有一个带有一些函数的.js文件。我想将它导入我的vue应用程序。因此我在app.vue中使用：

import { fabric } from 'fabric'
import '../src/main-copy.js'

在第一行中，我导入fabric以使用canvas，在第二行中，我尝试导入我的文件，但出现错误：

Failed to compile.

./src/main-copy.js
Module Error (from ./node_modules/eslint-loader/index.js):

C:\path\vue-test\src\main-copy.js
    8:1   error  '$' is not defined                        no-undef
    9:35  error  'fabric' is not defined                   no-undef
  120:11  error  '$' is not defined                        no-undef
  162:12  error  'tf' is not defined                       no-undef
  164:22  error  'tf' is not defined                       no-undef
  167:25  error  'tf' is not defined                       no-undef
  170:24  error  'tf' is not defined                       no-undef
  171:28  error  'tf' is not defined                       no-undef

因此，我使用npm安装了jquery和tensorflow，并将其导入App.vue：

import { fabric } from 'fabric'
import { jquery } from 'jquery'
import { tensorflow } from 'tensorflow'
import '../src/main-copy.js'

但当我添加此导入时，会出现新的错误：

Failed to compile.

./src/App.vue
Module Error (from ./node_modules/eslint-loader/index.js):

C:\path\vue-test\src\App.vue
  11:10  error  'jquery' is defined but never used      no-unused-vars
  12:10  error  'tensorflow' is defined but never used  no-unused-vars

我甚至尝试添加简单的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest"></script>

---

添加我所做的

main copy.js

@AnuragSrivastava的内容，请参阅。添加

import$from“jquery”；

中的beginning@AnuragSrivastava现在我得到

10:8错误“$”已定义但从未使用过没有未使用的变量

您不应该将jquery与vuejs混合使用。$（函数（）是document.ready的简写。请查看VueJS生命周期。添加

main copy.js

@AnuragSrivastava的内容，请参阅。添加

从“jquery”导入$；

在beginning@AnuragSrivastava现在我得到

10:8错误“$”已定义但从未使用过没有未使用的变量

您不应该将jquery与vuejs混合使用。$（function（）是document.ready的缩写，请查看vuejs生命周期。

var model;
var canvas;
var classNames = [];
var coords = [];
var mousePressed = false;

$(function() {
    canvas = window._canvas = new fabric.Canvas('canvas');
    canvas.backgroundColor = '#ffffff';
    canvas.isDrawingMode = 0;
    canvas.freeDrawingBrush.color = "black";
    canvas.freeDrawingBrush.width = 10;
    canvas.renderAll();
    canvas.on('mouse:up', function(e) {
        getFrame();
        mousePressed = false;
    });
    canvas.on('mouse:down', function(e) {
        mousePressed = true;
    });
    canvas.on('mouse:move', function(e) {
        recordCoor(e);
    });
});