首先先说我遇到的问题描述我是用vue nuxt项目项目中使用了阿里播放器于是我在vue页面中直接引入了阿里播放器的 css和js文件然后运行没有任何问题:如下图所示但是 当我打包以后发现这个页面竟然报错我打开 打包好的 【.nuxt】文件夹找到了这个vue页面打包后的js文件根本就搜不到js引入的代码只有css的。于是我把js引入的Script标签换到了布局页面上还是不行在网页上打开控制台查看html的代码也根本找不到这一个 Script标签。引入 外部 js 的代码在打包以后凭空消失我知道这肯定是因为引入方式有问题最后也没有查到相关资料但是我根据这四年学编程的经验经过一次次的尝试最后找到了正确的方式nuxt引入外部Js的正确姿势就是通过配置引入在 【nuxt.config.js】文件中引入如下图所示module.exports{/* ** Headers of the page */head:{title: ,meta:[{charset:utf-8},{name:viewport,content:widthdevice-width, initial-scale1},{hid:keywords,name:keywords,content: },{hid:description,name:description,content: }],link:[{rel:icon,type:image/x-icon,href:/favicon.ico}],//就是这个位置script:[{src:https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js,type:text/javascript}]},..................
Nuxt 项目引入外部Js的正确姿势 ，问题描述：打包构建之后引入的外部 js失效，构建之后的 .nuxt 文件夹下的js文件中，引入 js 的script标签凭空消失！
发布时间：2026/7/28 12:20:54
首先先说我遇到的问题描述我是用vue nuxt项目项目中使用了阿里播放器于是我在vue页面中直接引入了阿里播放器的 css和js文件然后运行没有任何问题:如下图所示但是 当我打包以后发现这个页面竟然报错我打开 打包好的 【.nuxt】文件夹找到了这个vue页面打包后的js文件根本就搜不到js引入的代码只有css的。于是我把js引入的Script标签换到了布局页面上还是不行在网页上打开控制台查看html的代码也根本找不到这一个 Script标签。引入 外部 js 的代码在打包以后凭空消失我知道这肯定是因为引入方式有问题最后也没有查到相关资料但是我根据这四年学编程的经验经过一次次的尝试最后找到了正确的方式nuxt引入外部Js的正确姿势就是通过配置引入在 【nuxt.config.js】文件中引入如下图所示module.exports{/* ** Headers of the page */head:{title: ,meta:[{charset:utf-8},{name:viewport,content:widthdevice-width, initial-scale1},{hid:keywords,name:keywords,content: },{hid:description,name:description,content: }],link:[{rel:icon,type:image/x-icon,href:/favicon.ico}],//就是这个位置script:[{src:https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js,type:text/javascript}]},..................
