记录一个ES6导入模块的小bug

简介: 网页如果是通过浏览器直接打开和步入到服务器中,在服务器打开实际上是不一样的,如果把网页部署到服务器中再打开就会避免很多不必要的问题,所以平常一定要养成用服务器打开的习惯

问题

在导入css文件jq的时候,说了这个

import './app1.css'
import './reset.css'
import $ from 'jquery'
index.html:1 Uncaught TypeError: Failed to resolve module specifier "jquery". Relative references must start with either "/", "./", or "../".

或者

Access to script at 'file:///C:/Users/A.。。。。。。。。。。。。。。。。main.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

或者

GET file:///C:/User。。。。。。。。。。。。。。main.js net::ERR_FAILED

是因为直接打开的这个文件,或者在vscode里右键Live Server打开才导致的这个

解决方法:

用parcel打开

parcel src/index.html

总结

网页如果是通过浏览器直接打开和步入到服务器中,

在服务器打开实际上是不一样的,

如果把网页部署到服务器中再打开就会避免很多不必要的问题,所以平常一定要养成用服务器打开的习惯。



目录
相关文章
|
Web App开发 前端开发
【前端异常】Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
【前端异常】Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.
2532 0
|
10月前
|
人工智能 前端开发 jenkins
2025 API 开发管理工具 Apipost 与 Apifox 全维度对比
本文深入对比了 Apipost 与 Apifox 两款 API 开发管理工具在设计、调试、文档管理、Mock 服务、离线支持、AI 能力及 CI/CD 集成等方面的优劣,全面评估其适用场景,为研发测试团队提供选型参考。
571 5
|
JavaScript 前端开发 搜索推荐
Nuxt4.0初体验:一个简约、精美、现代化的个人站点导航!
这篇文章介绍了作者使用Nuxt 4.0重构个性化站点导航网站的经历,阐述了Nuxt 4.0的新特性和优势,如更清晰的项目结构、更好的TypeScript体验、更快的CLI和开发速度等,并且分享了重构过程中的体验和项目完成效果。同时,作者还对比了Nuxt.js与Next.js两个框架的优劣,表达了自己对Nuxt.js的偏好。
685 0
Nuxt4.0初体验:一个简约、精美、现代化的个人站点导航!
|
JavaScript 前端开发 开发者
深入探索AngularJS的双向数据绑定机制
【4月更文挑战第27天】本文深入探讨AngularJS的双向数据绑定机制,该机制通过脏检查和插值表达式自动处理视图与模型的同步,简化开发。优点在于简化数据同步,提供实时用户体验,但可能引发性能问题和数据污染。文章通过示例解释了如何使用`ng-model`和插值表达式实现绑定,并提醒开发者注意潜在挑战。理解这一机制有助于构建更高效的应用。
【正则表达式】正则表达式同时支持验证手机号码和座机号码
【正则表达式】正则表达式同时支持验证手机号码和座机号码
|
移动开发 小程序 JavaScript
uView Input 输入框
uView Input 输入框
498 0
|
数据采集 搜索推荐 开发者
Nuxt3 实战 (十二):SEO 搜索引擎优化指南
这篇文章介绍了如何为Nuxt.js项目添加favicon图标和TDK(标题、描述、关键词),安装@nuxtjs/seo模块,以及如何设置Robots、Sitemap、OG Image、Schema.org、Experiments等。文章还提到了添加Google Analytics、Microsoft Clarity和Umami统计代码的方法。文章最后总结称,Nuxt.js 3集成了很多SEOModules,使开发者能够更加高效便捷地做好搜索引擎方面的优化。
1104 0
Nuxt3 实战 (十二):SEO 搜索引擎优化指南
|
JSON API 数据安全/隐私保护
PyMuPDF 1.24.4 中文文档(十三)(5)
PyMuPDF 1.24.4 中文文档(十三)
654 0
|
JavaScript 前端开发 索引
学习了解JS的classlist
学习了解JS的classlist
438 0

热门文章

最新文章