So importieren Sie eine Javascript-Datei in Nuxt.js

Ich versuche, die folgenden Javascript-Dateien von einer Website-Vorlage in mein Projekt zu importieren. Ich bin mir nicht sicher, wo das Problem liegt.So importieren Sie eine Javascript-Datei in Nuxt.js

Ich bin daran interessiert, diese Website Vorlage in ein nuxt.js Projekt zu konvertieren.

Von dem, was ich sammeln konnte ich brauche

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

den nuxt.config.js Datei hinzuzufügen.

Die Projekte kompiliert perfekt, aber ich bekomme die folgende Fehlermeldung:

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)`

ich weitere Informationen zur Verfügung stellen können, wenn Sie benötigen.

Was soll ich noch tun, um diese Javascript-Dateien richtig zu importieren?

Dank einem Haufen

Quelle

2017-06-30 sam k

Nicht alle Javascript-Dateien sollten in der nuxt.config.js durch Plugins enthalten sein.
Nur Vue-Plugins sollten.

Der Fehler, den Sie erhalten, ist, weil Sie clientseitigen Code auf dem Server ausführen möchten und NodeJS (im Gegensatz zu einem Browser) keine Navigatoreigenschaft hat.

dies zu beheben:
Try axios verwenden nur auf Orte, die Sie es brauchen (durch einen Import oder erfordern)
Beispiel:
https://nuxtjs.org/guide/routing#middleware

Setzen Sie die anderen Skripten in Ihrem Kopf oder an der Unterseite des Körpers Tag in der app.html https://nuxtjs.org/guide/views#document

die hTML-Vorlage zu erweitern, c Erzeuge eine app.html in der Wurzel deines Projekts. Die Standardvorlage lautet:

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

Quelle

2017-09-04 08:09:13 neetoch

So importieren Sie eine Javascript-Datei in Nuxt.js

Antwort

Verwandte Themen