webpack打包引用外部js去除单个undefined提示

最新推荐文章于 2023-04-04 17:21:17 发布
最新推荐文章于 2023-04-04 17:21:17 发布
阅读量958 收藏
点赞数
分类专栏： Vue 文章标签： vue webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35081500/article/details/106469656
版权

问题： 

1：public中引用外部js

2：在根index.html使用script标签引入

3：由于使用了eslint检测，单文件中直接使用定义的变量编译出现error，但不影响功能

Module Warning (from ./node_modules/eslint-loader/index.js):
error: 'PLAY_ADDRESS' is not defined (no-undef) at src\components\play\play.vue:98:25:

解决办法：

在引用前加上 eslint 忽略

/* eslint-disable no-undef */

/* eslint-disable no-undef */
this.WS_URI = VIAS_VIDEO_PLAY_ADDRESS

 

 

Lv骚年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html文件调用webpack打包js文件出现函数not defined
wltsysterm的博客
07-21 1433
背景 学习前端或者有做前端的同学，肯定有发现，写了一些高阶的语法，在浏览器是没办法直接运行的，这个时候，通过会利用webpack来进行打包降级处理。但是会遇到如题的问题。 eg: html文件 <input id="move-to-left" type="button" onClick="moveToLeft();" value="左移" /> 被打包的js文件 // 向左移动地图 function moveToLeft() { var view = map.getVie
webpack打包的ES6代码，import获取的值为空/undefined
weixin_44525651的博客
07-07 1606
转载自 millzhang 这个问题查了会资料，就自问自答了,以供参考： 首先，webpack，默认打包结构是一个闭包，然后模块是作为闭包的参数列表，是个数组，每一项也是个匿名函数，具体参考链接 暴露出的对象，都在闭包中，应该是导致拿不到值的根本原因（后续还需具体跟踪！）。 解决方案： 参考官方文档：Output | webpack 有一个libraryTarget的属性，作用是定义模块运行的方式，将它的值设为umd，则问题解决！ 打开webpack.config.js 文件修改即可 ...
【webpack】解决使用umd模式打包后，在vue-cli项目引入为undefined问题
只会写bug
03-30 1559
【webpack】解决使用umd模式打包后，在vue-cli项目引入为undefined问题，umd打包
webpack打包转换es6_webpack 转换 ES6 Module 与 CommonJS
weixin_39955938的博客
12-20 627
ES6 Moduleexport源代码：export const demacia = 'vn'export function hero(name) {console.log(name)}const core = {version: '1.0'}export default corewebpack 打包代码：// 函数参数由 webpack 提供function(module, exports, _...
用webpack从0到1打包一个按需加载的vue组件库
ynweiy的博客
04-16 1412
在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 使用vue组件库的常见方式 1、通过script标签引入 <body> <div id="app"> <hello></hello> </div> </body> &
配置webpack自动打包功能报错：Cannot find module ‘webpack-cli/bin/config-yargs‘
YHxiaohao的博客
04-16 862
查阅网上有关报错改正，首先应该看的是报错信息： 解决方案一：（https://blog.csdn.net/wozhenhaokan/article/details/110232955，https://www.cnblogs.com/jeacy/p/13864454.html） 然后查阅自己的package.json文件中的devDependencies安装的webpackage版本属性 在此注意，webpack-cli 4.x版本是没有这个config-yargs这个文件的，3.x版本才有这个
webpack打包单页面如何引用的js
10-19
以下将详细解释如何使用 Webpack 打包单页面应用并引用外部和第三方 JS 库。 首先，一个标准的 Webpack 配置文件通常会包含入口（entry）、输出（output）、插件（plugins）等配置项。在给定的描述中，我们可以看到...
详解如何使用webpack打包JS
01-19
如何使用webpack打包JS 我们在命令行中输入：webpack -h看看webpack的命令行大全 Usage: webpack-cli [options] webpack-cli [options] --entry <entry> --output webpack-cli [options] <entries> --output ...
Webpack打包慢问题的完美解决方法
08-31
Webpack 打包慢问题的完美解决方法 在使用 Webpack 打包项目时，经常会遇到打包速度慢的问题，这是因为 Webpack 需要处理大量的模块，从而导致打包速度慢。为了解决这个问题，我们需要了解 Webpack 的工作原理和...
webpack打包js的方法
10-18
主要介绍了webpack打包js的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
webpack打包node.js后端项目的方法
10-18
本篇文章主要介绍了webpack打包node.js后端项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
你的 import 被 webpack 编译成了什么？
小生方勤
02-21 411
本文作者：李永宁本文链接：https://juejin.cn/post/6859569958742196237某大厂面试题面试官，问：import moduleName from xxM...
webpack eslint关闭
zz_prayer的博客
04-16 3726
找到package.json文件，然后轻松一步搞定
webpack打包类似报错：cannot read property ‘xx‘ of undefined
hyupeng1006的博客
04-04 1223
首先考虑到原因是某个打包插件版本问题引起的。直接npm install下来的是最新版本的，而webpack版本较低，就会导致插件版本与webpack版本不匹配的问题。解决方式：尝试降低插件的版本，安装时指定版本号。
vue填坑系列之在main.js中引入相应的js插件不生效
xuxinwen32的博客
03-04 9045
需求：在main.js中引入相应的js插件不生效； 原因：相应的插件没有将模块export default； 解决方案：所以比较好的办法是在index.html渲染静态页面的时候直接用script标签的形式引入； ...
vue如何导入外部js文件（自测可用）
刺心的博客
10-30 874
一、ES5 var JSElement=document.createElement("script"); JSElement.setAttribute("type","text/javascript"); JSElement.setAttribute("src","https://g.alicdn.com/dingding/dingtalk-jsapi/2.7.13/dingtalk.op...
跳坑：Vue引入mui.min.js或者mui.js报错
GreyCastle的博客
03-19 2356
https://www.cnblogs.com/lingXie/p/11383277.html
webpack 打包配置单个js文件超过1m则切割该js文件
最新发布
07-08
对于超过1MB的单个JS文件，你可以使用Webpack的代码分割（code splitting）功能来将其切割成较小的文件。这样可以提高应用程序的性能和加载速度。 Webpack有几种代码分割的方式，其中最常用的是动态导入（dynamic ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值