在 nuxt.config.js 中使用 Assets 包含 js 库

Question

我正在尝试包含一些 javascript 文件，但由于某种原因，我得到了这个

“GET http://localhost:3000/assets/js/jquery-3.4.1.min.js 中出现错误 net::ERR_ABORTED 404（未找到）

我不知道这是否是包含 javascript 文件的更好方法，如果有人可以帮助我的话。

     head: {
    title: 'streamit',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' }
    ],
    script: [
      { src: '/assets/js/jquery-3.4.1.min.js', type: 'text/javascript' },
    
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/images/favicon.ico' }
    ]
  },

资产/js/jquery-3.4.1.min.js

Answer 1

尝试像这样并确保

static

文件夹并在其中创建

js

floder 并将您的

jquery-3.4.1.min.js

文件放在那里。在你的

nuxt.config.js

中放入：

script: [
  { src: 'js/jquery-3.4.1.min.js' },
]

Answer 2

我通过添加一个名为 static 的新文件夹解决了这个问题，然后将所有 js 文件放入其中

script: [
      { src: './js/jquery-3.4.1.min.js', type: 'text/javascript' },
    
    ],

Answer 3

对于

"nuxt": "^3.6.5"

：

尝试像这样，确保

public

文件夹并在其中创建

js

文件夹，然后将

jquery-3.4.1.min.js

文件放在那里。在你的

nuxt.config.js

中放入：

    script: [
      { src: 'js/jquery-3.4.1.min.js' },
    ]