Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将Javascript文件导入Nuxt.js_Javascript_Node.js_Webpack_Nuxt.js - Fatal编程技术网

如何将Javascript文件导入Nuxt.js

如何将Javascript文件导入Nuxt.js,javascript,node.js,webpack,nuxt.js,Javascript,Node.js,Webpack,Nuxt.js,我正在尝试将以下javascript文件从网站模板导入到我的项目中。我不知道问题出在哪里 我有兴趣将这个网站模板转换成一个nuxt.js项目 根据我能收集到的信息,我需要补充 插件:[ “~plugins/axios”, “~plugins/script.js”, “~plugins/core.min.js”, “~plugins/html5shiv.min.js”, “~plugins/pointer events.min.js”, ], 转到numxt.config.js文件 这些项目编译

我正在尝试将以下javascript文件从网站模板导入到我的项目中。我不知道问题出在哪里

我有兴趣将这个网站模板转换成一个nuxt.js项目

根据我能收集到的信息,我需要补充

插件:[
“~plugins/axios”,
“~plugins/script.js”,
“~plugins/core.min.js”,
“~plugins/html5shiv.min.js”,
“~plugins/pointer events.min.js”,
],

转到numxt.config.js文件

这些项目编译得非常完美,但我发现以下错误:

Nuxt.js错误:

ReferenceError:未定义导航器

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)`
位于Object.module.exports.Object.defineProperty.value(plugins/script.js:8:16)
at(网页包:/webpack/bootstrap f7e9adeb2d4cb66ad75c:25:0)
反对。(.nuxt/index.js:27:14)
at(网页包:/webpack/bootstrap f7e9adeb2d4cb66ad75c:25:0)
反对。(server bundle.js:1366:65)
at(网页包:/webpack/bootstrap f7e9adeb2d4cb66ad75c:25:0)
在服务器bundle.js:95:18
反对。(server bundle.js:98:10)
在evaluateModule(/Users/--/--/projects/--/website-try4/website/node_modules/vue server renderer/build.js:5820:21)
在/Users/------/------/projects/------/website-try4/website/node_modules/vue server renderer/build.js:5878:18
在/Users/----/----/---/projects/----/website-try4/website/node_modules/vue server renderer/build.js:5870:14
在numxt.renderString(/Users/----/projects/---/website-try4/website/node_modules/vue server renderer/build.js:6022:9)
在第页(/Users/--/--/projects/--/website-try4/website/node_modules/pify/index.js:49:6)
在Nuxt。(/Users/--/--/projects/--/website-try4/website/node_modules/pify/index.js:11:9)
在numxt.ret[作为renderString](/Users/--/--/projects/--/website-try4/website/node_modules/pify/index.js:72:32)
在numxt.\u callee2$(/Users/--/--/projects/--/website-try4/website/node\u modules/numxt/dist/numxt.js:2076:25)`
如果您需要,我可以提供更多信息

我还应该做些什么来正确导入这些Javascript文件


谢谢大家

不是所有的javascript文件都应该通过nuxt.config.js中的插件包含进去。
只有Vue插件才应该

出现的错误是因为您希望在服务器上执行客户端代码,而NodeJ(与浏览器不同)没有navigator属性

要解决此问题:
尝试仅在需要的地方使用axios(通过导入或要求)
示例:

将其他脚本放在头上或app.html中的body标签底部

要扩展html模板,请在项目根目录下创建app.html。默认模板为:


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