JavaScriptファイルをNuxt.jsにインポートする方法

次のjavascriptファイルをウェブサイトテンプレートからプロジェクトにインポートしようとしています。問題がどこにあるのかわからないJavaScriptファイルをNuxt.jsにインポートする方法

私はこのウェブサイトのテンプレートをnuxt.jsプロジェクトに変換したいと考えています。

私はnuxt.config.jsファイルに

plugins: [ '~plugins/axios', '~plugins/script.js', '~plugins/core.min.js', '~plugins/html5shiv.min.js', '~plugins/pointer-events.min.js', ],

を追加する必要が集まることができるものから。

プロジェクトは完全にコンパイルが、私は次のエラーを取得する：

Nuxt.js Error:

ReferenceError: navigator is not defined

at Object.module.exports.Object.defineProperty.value (plugins/script.js:8:16) 
at __webpack_require__ (webpack:/webpack/bootstrap f7e9adeb2d4cb66ad75c:25:0) 
at Object.<anonymous> (.nuxt/index.js:27:14) 
at __webpack_require__ (webpack:/webpack/bootstrap f7e9adeb2d4cb66ad75c:25:0) 
at Object.<anonymous> (server-bundle.js:1366:65) 
at __webpack_require__ (webpack:/webpack/bootstrap f7e9adeb2d4cb66ad75c:25:0) 
at server-bundle.js:95:18 
at Object.<anonymous> (server-bundle.js:98:10) 
at evaluateModule (/Users/---/------/projects/---/website-try4/website/node_modules/vue-server-renderer/build.js:5820:21) 
at /Users/-----/------/projects/-----/website-try4/website/node_modules/vue-server-renderer/build.js:5878:18 
at /Users/-----/----/projects/-----/website-try4/website/node_modules/vue-server-renderer/build.js:5870:14 
at Nuxt.renderToString (/Users/----/---/projects/----/website-try4/website/node_modules/vue-server-renderer/build.js:6022:9) 
at P (/Users/---/---/projects/---/website-try4/website/node_modules/pify/index.js:49:6) 
at Nuxt.<anonymous> (/Users/---/---/projects/---/website-try4/website/node_modules/pify/index.js:11:9) 
at Nuxt.ret [as renderToString] (/Users/--/---/projects/---/website-try4/website/node_modules/pify/index.js:72:32) 
at Nuxt._callee2$ (/Users/---/---/projects/---/website-try4/website/node_modules/nuxt/dist/nuxt.js:2076:25)`

あなたが必要な場合、私はより多くの情報を提供することができます。

これらのJavascriptファイルを正しくインポートするには、他に何をすべきですか？

おかげでたくさん

出典

2017-06-30 sam k

すべてのJavaScriptファイルはnuxt.config.jsでプラグインを通じて、含まれなければならないわけではありません。
Vueプラグインだけが必要です。

エラーは、サーバー側でクライアント側のコードを実行し、（ブラウザとは異なり）NodeJSがナビゲータプロパティを持たないためです。この修正するには

：
はあなたが（輸入を通じて、または必要）それを必要な場所にのみaxios使用してみてくださいを
例：
https://nuxtjs.org/guide/routing#middleware

あなたの頭の中やで他のスクリプトを入れてくださいHTMLテンプレートを拡張するためにapp.html https://nuxtjs.org/guide/views#document

であなたのbodyタグの下、Cあなたのプロジェクトのルートにあるapp.htmlをreateしてください。デフォルトのテンプレートは、

<!DOCTYPE html> 
    <html {{ HTML_ATTRS }}> 
    <head> 
     {{ HEAD }} 
    </head> 
    <body {{ BODY_ATTRS }}> 
     {{ APP }} 
    </body> 
    </html>

です。

出典

2017-09-04 08:09:13 neetoch

JavaScriptファイルをNuxt.jsにインポートする方法

答えて

関連する問題