关于静态资源引入报错

最新推荐文章于 2023-09-13 09:28:26 发布
最新推荐文章于 2023-09-13 09:28:26 发布
阅读量576 收藏 1
点赞数
分类专栏： java框架资料整理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46143360/article/details/109678736
版权
本文探讨了在前端开发中遇到的静态资源引入错误问题，无论是JavaScript文件还是前端框架的资源，都出现以当前目录为起点的路径问题。文章将分析原因并提供解决方案。
摘要由CSDN通过智能技术生成

在这里插入图片描述
无论引入js、还是前端框架资源路径，都是以当前目录（当前路径）开始

 	<!-- 引入本地js文件 -->
 	 <script src="js/jquery-3.4.1.min.js" type="text/javascript"></script>
    <!-- 引入前端框架js和css
了解本专栏 订阅专栏 解锁全文
qq_43145601
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname
IE8 jquery ajax获取静态资源报错TypeError 拒绝访问
08-11
在本问题中，我们关注的是在IE8浏览器中使用jQuery的Ajax功能获取静态资源时遇到的“TypeError：拒绝访问”错误。这个问题通常与跨域请求（CORS）和浏览器的兼容性有关。 首先，让我们深入理解Ajax。Ajax...
项目实战-爬坑系列vue-cli3.x中public和assets的区别（七）
月落星河
04-28 1万+
接上篇文章讲问什么必须放在静态资源文件中，具体可以转到webpack 模板的文档 - Handing Static Assets 咱们先抛出问题： 我在根目录新建了文件里面是有数据的，我打开浏览器输http://localhost:8080/hello.json是请求不到的，它会自动给你返回到首页 但是如果我们在去获取静态目录下的json文件就可以： 已经获取到了这个json数据： v...
typescript项目 import 图片报错问题
CamilleZJ的博客
09-05 2572
webpack+typescript项目中如下引入图片会报错： import appointment from "/imgs/KingLeague/appointment-btn.png"; import gameInfo from "/imgs/KingLeague/game-info.png"; 解决：添加图片模块声明文件 如下声明文件images.d.ts： declare module '*.svg' declare module '*.png' declare module '*.jp
在JavaScript文件中通过import引入公共模块，然后就报错
读心悦
04-28 4351
原文：读心悦 在JavaScript文件中通过import引入公共模块，然后就报错了： PS D:\code\JavaScript\js> node .\bubbleSort.js (node:18356) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. (Use `node --trace-warnings ...` to show where th.
引入第三方js文件，报错
weixin_30436891的博客
06-22 277
错误：Mixed Content: The page at 'https://localhost:44336/MENU' was loaded over HTTPS, but requested an insecure script 'http://developer-dev.api.bimbox.cn/viewing/v1/viewers/obv.min.js'. This reque...
Eclipse中导入项目后js报错解决方法
有范管理美学 | 公众号/头条号：有范管理美学
01-22 3万+
Eclipse中导入项目后js报错的原因与解决方法 在我们将项目导入Eclipse后，配置好各种编译条件、加载好jar包、配置好tomcat后发现项目还是报错，（前提是项目本身并没有错误，而是我们在初次导入到Eclipse中的时候报错），那是什么原因引起的呢？ 报错如下情况： 原因是Eclipse的js校验功能引起的！ 一、简单解决方法是：j
react antd引入iconfont.js文件报错
cehntanran的博客
11-22 2556
在react中,通过引入iconfont.js文件, 会报如下错误 这个时候, 只需要把文件放到public文件夹下, 然后通过根目录访问, 就可以解决了
vue-cli3访问public文件夹静态资源报错的解决方式
10-14
总结以上知识点，当你在Vue CLI 3项目中遇到public文件夹静态资源报错的问题时，应该首先检查你的资源引用路径是否正确。根据你的项目部署路径，设置合适的`process.env.BASE_URL`环境变量，然后通过`vue.config.js`...
vue在index.html中引入静态文件不生效问题及解决方法
10-17
在Vue.js开发过程中，我们有时需要在`index.html`文件中引入静态资源，如CSS、JavaScript文件或图片等。然而，遇到静态文件无法正常加载的问题可能会导致应用样式或功能缺失。本文将深入探讨这个问题，并提供两种...
Django静态资源部署404问题解决方案
12-17
static下存放静态文件，templates下存放网页模板文件 2.修改setting.py 找到 STATIC_ROOT = … 在后面追加一行，然后保存 3.html引入js 4.前端验证 5.后台验证 您可能感兴趣的文章:django 解决自定义序列化...
vue 引入geojson格式文件
qq_38848323的博客
10-14 3095
第一步需要 npm i json-loader
css,js文件引入失败问题解决
xukaiqiang123的博客
02-25 1631
万能方法: file输入文件所在相对位置
vite创建vue3项目页面引用public下js文件失败解决
最新发布
夏日漱石的博客
09-13 4303
📢vite创建vue3项目页面引用public下js文件失败解决
模块引用文件路径问题js报错和Unexpected token in JSON at position
大顺子的专栏
01-18 5956
模块引用文件路径问题js报错和Unexpected token in JSON at position 今天学习angularjs的$http请求本地data.json文件时出现问题 控制台报错Unexpected token in JSON at position 经过检查代码没有任何问题，问题出在了data.json文件里不能加注释。 关于angularjs 模块引用文件路径问题 因为我
vite 引入public下css、js、json等文件报错问题的研究
wallace_yang的博客
12-28 8418
vite 引入 public下的js、css、json报错
模块化开发时，使用 import 导入js文件时，报错
weixin_45982960的博客
08-28 3328
问题：使用模块化开发时，向文件中导入 js文件 时，报 错误，资源加载失败。 报错原因： 使用 import 导入js文件时，项目要运行在浏览器上，直接在浏览器上打开是不行的，因此，可以使用vscode上的扩展插件Live Server。 解决办法： 在vscode 扩展中搜索 Live Server，并安装， 然后在，要运行的 html文件中，点击右键，找到下面这个选项，点击运行程序。 ...
typescript 错误码大全
ispaomoya博客
03-15 9419
typescript错误码大全，ts错误码
vue 图片资源应该如何存放并引入（public、assets）？
热门推荐
Start2019
02-18 3万+
两者存放什么图片，什么时候使用，在某种情况下应该使用哪种方式； 使用方式； 图片路径转换；
SpringBoot2.x引入静态资源报错No mapping for GET XXXX的解决办法以及原理
06-06
当我们在SpringBoot2.x中引入静态资源时，有时候会出现No mapping for GET XXXX的报错。这是因为SpringBoot2.x中的静态资源映射规则与之前的版本略有不同。 解决办法： 1.将静态资源放置在默认的/static、/public...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值