运行命令：npm run build--test  ，如果index.html 生成的src 路径没有“./”

最新推荐文章于 2024-05-28 16:22:32 发布
最新推荐文章于 2024-05-28 16:22:32 发布
阅读量1.5k 收藏
点赞数
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiandeqiande/article/details/108057564
版权

Vue build

 

运行命令：npm run build--test  ，如果index.html 生成的src 路径没有“./”，修改“webpack.base.conf.js” 文件中的参数“publicPath”

原始代码，只是判断是否为生产环境，如果是运行test还是会获取到“config.dev.assetsPublicPath”路径

解决方案：

 publicPath: process.env.NODE_ENV === 'development'

    ? config.dev.assetsPublicPath

    : config.build.assetsPublicPath

qiandeqiande
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue打包 npm run build-test突然不动了的问题
01-22
输入npm run build-test 突然停在这不动了 what? 不动了？！ 后来google了一下 大家都是人才 运行一下这句话 就动了！！ npm config set registry http://registry.cnpmjs.org 补充知识：vue_test_unit_e2e常见...
vue配置开发，测试，生产环境api
weixin_34245749的博客
10-12 578
前言： 想实现通过不同的命令，打包调用不同环境的API，实现实现前端自动化部署。 前端自动化部署工程比较复杂，这里只介绍通过不同的命令，打包的时候调用不同环境的API，例如：npm run build 调用开发环境接口，打包开发环境npm run build:test 调用测试环境接口，打包测试环境npm run build:pr...
vue组件简单写法
俊人呀的博客
01-15 551
// 导入组件 import Hello from './components/Hello' export default { name: 'app', components: { Hello } } #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothin
npm run build命令详解及使用示例
最新发布
Leon_Jinhai_Sun的博客
05-28 1657
npm run build命令详解及使用示例
npm run build 命令添加参数来打包不同接口域名
weixin_44996006的博客
09-11 6404
npm run build 命令添加参数来打包不同域名 步骤一：config\dev.env.js加上HOST: ‘“dev”’ 步骤二：config\prod.env.js加上HOST: ‘"’+HOST+’"’ 步骤三：在配置域名的文件进行如下逻辑处理 执行命令： npm run build – test npm run build 打包后，如何运行在本地查看效果 将config\index.js文件中build对象下的assetsPublicPath中的“/”，改为“./”即可，就在前面加个点
打包build加参数，例如npm run build -- test、process.env便捷拼接口名
weixin_43830879的博客
04-17 5100
当我们再写项目的时候，有时候拿到接口返回的图片路径并没有给我们拼上域名，如果我们在页面重复写域名的话，后面变换域名的时候就回很麻烦，这时候我们可以用process.env来做路径前面的域名 这时候我们需要简单的介绍一下process.env是什么东西： vue-cli建立完项目时会有个config包 也就是这个东西，这里的dev.env.js就是我们平时跑项目时使用的，也就是npm run de...
手把手教你使用npm和vite 2.0创建vue项目（非ts），配置打包环境
weixin_41722909的博客
03-22 3756
Vite 需要node版本 >= 12.0.0，使用node --version 查看当前node版本，过低的话需要去官网下载更高的可用版本。 1、创建项目：使用npm，yarn的同学可以去官网查看此步骤 使用 npm --version 查看npm版本，然后创建项目： # npm 6.x npm init @vitejs/app my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init @vitejs/app my-vue-app --.
rollup打包组件的dist下没有src导致项目引用找不到……
猜测
11-01 1122
一个自己写的组件npm run build执行rollup的打包，虽然没有报错，但是dist下没有src，导致项目引用的时候找不到…… 我记得之前写新组件时也遇到了这种问题，一直以为是源码的src写得不对，删这删那发现还是没有src……rollup.config.js文件下好像也没什么要改的…… 翻原组件详细对比后发现，真正的问题在于根目录下的test文件下有个空的test.tsx文件，虽然这...
vue项目npm run build打包dist文件及打包后空白的解决方法
热门推荐
qq_52126119的博客
11-15 1万+
要想将vue的移动端项目打包成手机的app软件apk格式，首先要将项目打包出dist文件。若空白查看一下配置，可能是配置有错误，（本人用的情况一配置空白，换成了情况二的配置，成功解决！！）
jsrun:npm run-script 构建系统，兼容 gulp
06-04
My very long and lengthy lines of scripts: "lint" : "jshint lib test index.js --reporter node_modules/jshint-stylish/stylish.js --exclude node_modules" , "test" : "npm run lint && node test/index.js |...
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for ...ERROR in Entry module not found: Error: Can't resolve './src' in 'E:\HBuilder\Vue\day07\test1' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! test
todos-fe：https：//angry-hypatia-b661a9.netlify.app
02-18
npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化构建，文件名包含哈希。 您的应用已准备好进行部署！ 有关更多信息，请参见有关的部分。 ...
关于vue的npm run dev和npm run build的区别介绍
01-21
关于vue的npm run dev和npm run build的区别介绍，下面就分享给大家，具体如下： ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-...
vue-cli 打包出来的文件缺少_关于vue-cli打包或者上线后文件各种路径或者找不到的问题解决方案...
weixin_39920415的博客
01-13 1313
我们用vue开发项目的时候npm run dev 用的很爽的一旦 npm run build之后 或者上线之后卧槽，我的什么css，img各种加载不了，实在让人头疼，查了很多资料，以下是我的解决方案零 安装vue-clinpm install -g vue-cli // 加-g是安装到全局vue init webpack demo //然后一路回车等待安装完毕cnpm install //等...
配置多环境变量
欢迎欢迎
12-31 1373
1.开发环境的介绍 开发环境 development 使用 npm run serve 启动 生产环境 production 使用 npm run build 进行打包 测试环境 test 使用 npm run test 启动 2.项目的开发流程 1客户提出需求 2根据客户需求设计产品 3向客户确认需求 4ui设计师根据原型图设计 5后端设计接口提供数据和前端模拟数据制作页面 6前后端联调如果开发时就是接口就不需要前后段联调 7前后端测试 8前后端修复bug 9项目上线 3.配置环境变量 pack
关于vue的npm run dev和npm run build
u011927449的博客
05-31 1563
├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─webpack.dev.conf.js │ ├─webpack.prod.conf.js │ └─webpack.test.conf.js ├─config │ ├─dev.env
vue项目 npm run build-test报错原因
不积跬步何以至千里
07-08 3686
之前做过3个项目，打包的时候从来没有出过错，唯一现在这个项目，出了一个奇葩错误。 百度了很多，用了里面的方法，完全不奏效，然后就去看F12报错 又百度，结果显示如下 第一次我完全没在意，因为根本不知道我代码哪里出错，过了一个周末，没办法必须要解决，定下心来一看 居然缺了一个"符号！ 加上就好了！ ...
index.html引入的css和js没有引号
weixin_40918145的博客
09-26 874
vue build项目部署到线上之后，index.html文件一直报如下错误，仔细看后发现，是由于文件引入资源的时候，很多需要有引号的地方没有了，原来是打包出了问题 在对vue-cli项目打包后出现index.html引入的css和js没有引号 即： <link href=/css/xxx.css rel=stylesheet> 解决办法： 找到webpack.prod.c...
「随手一记」「Vue.js篇」「npm run dev（build）配置开发、测试、生产环境」
一一丁点的博客
06-11 7223
在开发及线上（打包）过程中，经常会遇到根据不同的环境（开发、测试、生产）进行项目的发布。因此本文章主要介绍使用 npm run dev 和 npm run build 进行配置开发、测试、生产环境的切换，这只是切换方式之一（当然还有其他的方式，这里不做介绍）。 本文章介绍的方法有点繁琐，仅供参数，若有哪里写错或不足的地方，请指教。 项目介绍 开发工具：Visual Studio Code 构建脚支架：webpack 项目名称：VUE-DEMO 涉及目录及文件 主要涉及目录及默认文件：b..
> chataiyy@1.0.0 dev > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js (node:16004) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated. (Use `node --trace-deprecation ...` to show where the warning was created) 10% b 11 12% b 12% b 12% b 13% building modules 25/30 modules 5 active ...!D:\桌面\少儿编程\test2\chatbot\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 14% b 15% b 16 16 16 16 16 95% emitting WARNING Compiled with 2 warnings 00:53:50 This dependency was not found: * async_hooks in ./node_modules/body-parser/node_modules/raw-body/index.js, ./node_modules/on-finished/index.js To install it, you can run: npm install --save async_hooks 终止批处理操作吗(Y/N)? Y PS D:\桌面\少儿编程\test2\chatbot> node server/index.js node:internal/modules/cjs/loader:1078 throw err; ^ Error: Cannot find module 'D:\桌面\少儿编程\test2\chatbot\server\index.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15) at Module._load (node:internal/modules/cjs/loader:920:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:23:47 { code: 'MODULE_NOT_FOUND', requireStack: [] } Node.js v18.15.0 PS D:\桌面\少儿编程\test2\chatbot> npm run dev > chataiyy@1.0.0 dev > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js (node:13908) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated. (Use `node --trace-deprecation ...` to show where the warning was created) 10% b 11 12% b 12% b 12% b 12% building modules 24/27 modules 3 active ...!D:\桌面\少儿编程\test2\chatbot\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 14% b 14% b 16 95% emitting WARNING Compiled with 2 warnings 00:58:19 This dependency was not found: * async_hooks in ./node_modules/body-parser/node_modules/raw-body/index.js, ./node_modules/on-finished/index.js To install it, you can run: npm install --save async_hooks
07-16
最后，你继续运行 `npm run dev` 命令，服务器开始构建并编译项目。然而，构建过程中仍然出现上述两个依赖项无法找到的警告。 希望这些信息能帮助你解决问题。如果问题仍然存在或有其他疑问，请提供更多详细信息...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值