记录一个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

总结

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

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

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



目录
相关文章
|
6月前
|
Python
python语法中错误的文件或模块导入
【5月更文挑战第19天】
43 1
|
JSON 数据格式 Python
学到了,学到了导入模块还能这么操作
学到了,学到了导入模块还能这么操作
|
Python
导入名为'materials'的模块时出现了错误
导入名为'materials'的模块时出现了错误
114 2
|
JavaScript
面试题-TS(五):TypeScript 中的模块是什么?如何导入和导出模块?
在TypeScript中,模块(Modules)是一种用于组织和管理代码的概念。模块提供了一种封装代码的方式,允许我们将相关的功能和数据组织在一起,实现代码的可重用和可维护。
ts解决依赖引入报错:无法找到模块“xxxxxx”的声明文件的报错问题
ts解决依赖引入报错:无法找到模块“xxxxxx”的声明文件的报错问题
1876 0
|
JavaScript 开发者
Vite 在运行过程中是如何发现新增依赖的?
Vite 在运行过程中是如何发现新增依赖的?
228 0
5.ES6模块导出导入
5.ES6模块导出导入
78 0
|
JavaScript
【ES6】模块化语法(默认、按需导入import导出export的操作)
ES6模块化语法(默认、按需导入导出的操作)
【ES6】模块化语法(默认、按需导入import导出export的操作)
ES6模块化的导入和导出
ES6模块化的导入和导出
118 0
|
Java Android开发
Java工具IDEA创建模块(Module)、如何创建 Module:、如何删除模块
Java工具IDEA创建模块(Module)、如何创建 Module:、如何删除模块
Java工具IDEA创建模块(Module)、如何创建 Module:、如何删除模块