誰かが私のWebページのフロントエンドを設計しましたが、現在、nuxtjsのすべてのページですべての.cssファイルと.jsファイルをグローバルに使用しようとしています。しかし、私はファイルを正しく含めることができません。
これは私が含めようとしているファイルの1つです:jquery.themepunch.tools.min.js。このエラーが発生します:
{ statusCode: 404, path: '/~/assets/revolution/js/jquery.themepunch.tools.min.js', message: 'This page could not be found' }
ファイルへのパスをnuxt.js.configに追加しましたが、ここで何が欠落しているかがわかりません。これが私の設定ファイルです:
const webpack = require('webpack')
module.exports = {
head: {
title: 'test-webpage',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'test page' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
],
script: [
{src: '~/assets/revolution/js/jquery.themepunch.tools.min.js'}
]
},
build: {
vendor: ['jquery', 'bootstrap'],
plugins: [
// set shortcuts as global for bootstrap
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
})
]
},
}
〜はwebpack構築のエイリアスです。 headは外部スクリプトのロードに使用され、スクリプトはバンドルされたjsに含まれません。
Jquery.themepunch.tools.min.jsを静的に移動し、スクリプトを次のように変更できます。
{ src: '/urpathinsidestaticfolder/jquery.themepunch.tools.min.js' }