1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的,默认显示的路径不对,打开肯定是空白的。 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'stat...
1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决:到config文件夹中打开index.js文件。 文件里面有两个assetsPublicPath...
1.访问静态资源文件404(js、css等) vue3项目执行npm run build命令打包后,放到服务器下运行(部署流程与VUE2基本类似),访问的时候提示资源文件找不到: 访问的文件不存在,主要是因为路径配置问题。打包静态文件必须是根路径,否则放到服务器找不到静态资源(同理于webpack中的publicPath的配置)。解决方法为在项目根目录...
大佬们,我写前端的时候用了vite+vue3,然后我使用npm run dev本地运行时都没有问题,但当我npm run build打包后,前端控制台一片空白,并且控制台报错。我去网上查了一些相关错误,发现很多都是表明未解决,有的说是vite.config.js错误。但是我vite.config.js主要就实现了跨域操作和转换为文件路径,我找不到哪里错了...
Vue打包后页面出现空白解决办法 Vue打包后页⾯出现空⽩解决办法 ⼀、 vue-cli创建项打包后打开页⾯为空⽩的问题解决 命令⾏输⼊：npm run build 打包出来后项⽬中就会多了⼀个⽂件夹dist，这就是我们打包过后的项⽬。⼆、打包完成后配置会⾃动⽣成vue.config.js⽂件，这个⽂件⾮常...
vue3 npm run dev npm run build npm run build-only "dev": "vite", "build": "run-p type-check \"build-only {@}\" --", "preview": "vite preview", "build-only": "vite build", "type-check": "vue-tsc --build --force"...
1、执行npm run build之后生成dist文件夹 2、打开HBuilderX新建一个APP项目 3、把dist文件夹里的所有文件拷贝替换到APP文件夹下 4、打开manifest.json文件配置相关内容(自行百度,配置APP图标等选项) 5、点击软件顶上的发行--原生APP-云打包进行打包 6、打包后下载安装即可 ...
正常情况下用vue-cli创建的vue项目,直接执行npm run build命令后,确实能够得出一个dist文件夹,但打开其中的index.html后,显示一片空白,控制台报出的警告表示无法加载指定路径的脚本资源。 为了解决这个问题,需要在打包前先对输出路径进行一些声明处理,比如,在src的同级目录下创建一个vue.config.js文件(已有的话则修...
我已经在Vue3中构建了一个项目,现在我正在尝试npm run build该项目(节点版本20.17.0)。我遇到了以下错误(in node_modules/@types/node/stream/web.d.ts:469:5 6 - '?' 预计): 错误编译失败,出现1个错误12:02:09 PM 错误在node_modules/@types/node/stream/web.d.ts:469:5 6 ...