vue前端页面crbug/1173575, non-JS module files deprecated. 这个好像没什么人会把
建议截图一下报错 你这个信息太少了
crbug/1173575,不推荐使用非JS模块文件。 这个因该不影响运行吧
引用自chatGPT:
这个错误是因为浏览器检测到在 Vue 项目中使用了非 JS 模块文件(如 CSS、图片等)而发出的警告,提示我们应该使用 JS 模块导入这些文件。
要解决这个错误,我们需要将非 JS 模块文件改为 JS 模块导入。以 CSS 文件为例,我们可以将原来在 HTML 中使用 标签引入 CSS 的方式,改为在 JS 中使用 import 导入 CSS 文件,并在组件中使用 style 标签引入样式,例如:
import './style.css';
export default {
name: 'MyComponent',
// ...
}
<template>
<div class="my-component">
<!-- ... -->
</div>
</template>
<style>
.my-component {
/* ... */
}
</style>
这个错误提示是Chrome浏览器在v86版本中更新的内容,主要是为了推广ES6模块化方案,因为使用JS模块便于代码组织和维护,优化了应用性能和可读性。该版本浏览器在HTTP协议下不再支持在script标签中使用type="module"以外的type属性,如text/javascript等。因此,如果你在Vue项目中使用了非JS模块文件或未声明type属性,就会出现类似的警告信息。
解决方法也比较简单,在script标签中添加type="module"属性即可。例如:
如果您的Vue项目中使用了其他非JS模块文件,例如CSS、JSON等文件,在Vue组件的代码中使用import语法导入,同样需要声明type="module"属性,例如:
import myStyle from './myStyle.css?type=module'
import myData from './myData.json?type=module'
这样就可以修复错误提示并使用ES6模块化的特性了。