vue字体文件打包后的路径不对,vue打包后js和css、图片不显示,引用的字体找不到问题
vue打包后js和css、图片不显示,引用的字体找不到问题;图片一般都是背景图片。 一、vue打包出现js和css不显示问题: 1、不使用mode:‘history’ 2、使用mode:‘histor
顺晟科技
2022-09-03 12:46:04
320
各位好!
顺晟科技:
各位老师请帮忙看看?估计是很简单的配置问题,本人搞了2天了,还是一点线索都没用,谢谢!
刚刚学习 vite,使用 semantic ui(需要 jQuery),创建的项目在开发环境一切正常。用 npm run build 打包正常,发布正式环境之后,报错:Uncaught ReferenceError: jQuery is not defined。
semantic 和 jquery 都是通过 npm 安装,在网上搜索了很久,也知道是因为 jQuery 全局变量配置问题,尝试了很多做法,都没有成功。目前的做法是把 jquery 引用放在单独的 src/assets/jquery-vendor.js, 然后在 src/main.js 引入。jquery-vendor.js 如下:import $ from ‘jquery’window.$ = $window.jQuery = $export default $
报错文件来自 打包生成的 vendor…f227c771.js 文件,在 assets 目录下。(看 生成的 index.html 对该文件的引用,是用过预加载导入的,这可能是网上很多解决方案都没用的原因)
createApp(App).use(router).mount(’#app’)
src/main.js 如下:import { createApp } from ‘vue’import App from ‘./App.vue’import router from ‘./router/index’import $ from ‘./assets/jquery-vendor’import “semantic-ui-css/semantic.min.css”import “semantic”
23
2022-09
23
2022-09
23
2022-09
23
2022-09
23
2022-09
23
2022-09