vue项目中运行npm run dev不生成dist文件

最新推荐文章于 2024-01-29 16:31:02 发布
最新推荐文章于 2024-01-29 16:31:02 发布
阅读量927 收藏 1
点赞数 1
文章标签： npm 前端 node.js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53691136/article/details/134278563
版权
当运行`npmrundev`时遇到错误并缺失dist文件，原因是node.js版本问题。解决方法是在package.json的scripts部分添加`setNODE_OPTIONS=--openssl-legacy-provider`。经过此修改，问题得以解决。
摘要由CSDN通过智能技术生成

输入npm run dev时，报错且不生成dist文件。

报错信息：

原因：node.js版本的问题。

解决思路：

在package.json文件内修改，在scripts内的每一项都添加内容：set NODE_OPTIONS=--openssl-legacy-provider

修改前：

修改后：

已解决:

谢谢观看，希望能帮助到你！

菜__菜
关注
解决vue-cli项目npm run dev 出错问题
qq_43267773的博客
12-13 1537
解决vue-cli项目npm run dev 出错问题 前言 最近因为要做一些前端项目的缘故，所以我将自己做好的工作上传到了 github 上，由于项目依赖可以自己安装，所以我并没有将 node_modules 目录放到上面。但是在本周需要修改项目的时候，我 clone 下来的项目在 npm run dev 的时候会报错：Module build failed: Error: No PostCSS Config found in: /Users/*** 解决方法 在网上找了很多解决方法，在这里将最有效的放到
复制项目到自己电脑npm run dev报错
weixin_44986077的博客
03-30 929
最近发生一件很奇怪的事情，我同时复制两个项目在同一文件夹下，一个项目可正常运行另一个项目则有千奇百怪的错误，下面来总结一下复制到自己电脑无法正常运行的解决方法（自己亲测有效） 1.我只要用npm安装所有的模块都进行报错我安装了cnpm 首先输入 npm config get proxy npm config get https-proxy 确保两个值都为null 如果不为null操作下一步 npm config set proxy null npm config set https-proxy nul
vue 打包后找不到dist文件夹
weixin_44257822的博客
01-15 1499
看了一下 config文件夹里面的index.js 文件 的build对象,执行npm run build 后 没有dist 文件。原来是默认的打包路劲被修改了 , 修改回来就好了,__dirname是获取当前位置的绝对路径。
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
01-22
vue项目中使用npm run build打包后会生成一个dist文件，使用git推送项目后，发现git上少了一个dist文件，为什么明明本地项目中有这个文件而推上去就没有了呢？ 这里会先介绍.gitignore，不想看的 请直接跳过介绍 看解决办法 一、.gitignore 介绍 这里向大家简述一下.gitignore这个文件 一、简绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理
在package.json中配置了build 这个命令了，为什么不能生成dist目录，npm run build 报错
热门推荐
D_Z_Yong的博客
12-10 1万+
npm run dev后并没有生成dist目录，但是浏览器里却读取了dist里的build.js？ 为什么呢？？ 当你跑npm run dev 命令时，打包之后走的是内存里的文件（前提要是先配置了webpack-dev-server），在页面中会通过script标签中的src属性引入的是./dist/builds.js。 如果你想要生成dist目录，要通过npm run bulid命令。 因为你没...
vue打包不生成dist文件夹（IDEA使用命令行npm run build命令打包）
qq740874037的博客
07-04 9429
使用IDEA进行vue打包导致的不生成dist文件夹或打包部署不生效问题
vue项目npm run build扔到服务器的文件夹后找不到dist的static里的文件的问题
weixin_44910729的博客
09-30 2975
1、 在项目的config文件夹找到index.js，改 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './',
vue的dist文件未找到vue.min.js
qq_52811351的博客
04-17 491
axios的dist目录存在axios.min.js。vue的dist目录下不存在vue.min.js。
解决vue项目,npm run build后,报路径错的问题
10-14
在Vue项目中，`npm run build` 是用来执行生产环境构建的命令，它将优化代码并准备部署到服务器。然而，有时在执行此命令后，可能会遇到路径错误的问题，导致资源无法正确加载。本文将详细解析如何解决这个问题，并...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
npm run dev命令是在开发环境下运行的，目的是为了帮助开发者在开发过程中更便捷地进行代码的编译和调试。npm run build则是在开发环境准备就绪之后，为了生成生产环境下的代码所使用的命令，它会对代码进行压缩和...
vue-cli打包后本地运行dist文件中的index.html操作
10-14
标题和描述中提到的核心知识点是如何使用Vue CLI打包后的项目在本地环境中运行。Vue CLI是Vue.js的官方命令行工具，它简化了Vue.js项目的创建和开发过程。打包是开发周期中的一个关键步骤，通常是将源代码转换为生产...
.gitignore文件说明
weixin_43974311的博客
09-11 913
一、简绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理的时候是不需要添加npm包的。 二、常用的规则 /mtk/ 过滤整个文件夹 *.zip 过滤所有.zip文件 /mtk/do.c 过滤某个具体文件 以上规则意思是：被过滤掉的文件就不会出现在你的GitHub库中了，当然本地库中还有，只是push的时
我使用了npm run build,但vercel一直在找dist文件夹，是怎么回事？
m0_57236802的博客
12-07 527
如果您在使用 Vercel 部署一个通过构建的 Nuxt.js 应用，并且 Vercel 一直在寻找dist文件夹，这通常表明部署配置不完全适合您的项目类型。
vue项目build打包后提交到git上没有dist目录的解决方案
在写作的路上持续输出。
03-28 2662
vue 项目 npm run build 后的dist 目录上传不到gitee 上的解决方式。
vscode中uniapp项目无法编译生成dist 也不报错的解决办法
domyself918的专栏
01-04 985
我寻思这manifest.json我也没改啥啊，但是当我还原回项目自带的manifest.json后，一切又都好了。毫无提示，当下就觉得不对劲，果然在微信开发工具里面看到编译后的代码的部分还是修改之前的代码，然后手动删除了dist文件夹，重新运行了指令，还是不行。在新建项目后，新项目本身是自带一些基础文件的，如package.json，manifest.json等。折腾半天，依旧不行，决定新建个项目，把代码一点点拷到新项目中去。啊，就是这个逗号导致我查了半天的错查不出来，😤。
vue项目npm run build打包dist文件及打包后空白的解决方法
qq_52126119的博客
11-15 1万+
要想将vue的移动端项目打包成手机的app软件apk格式，首先要将项目打包出dist文件。若空白查看一下配置，可能是配置有错误，（本人用的情况一配置空白，换成了情况二的配置，成功解决！！）
解决vue3打包之后dist文件夹下index.html不显示的问题
qq_45079530的博客
03-02 3806
1、当我用vue3的脚手架生成一个项目，npm run build打包成功之后，结果却显示出了空白页，按f12检查了一下报错，如图所示： 说是我的js文件和css等文件的路径找不到，网上搜索发现是因为vue-cli3简洁了许多，没有了配置文件，默认公共路径是'/'，所以需要自己创建配置文件去更改路径，配置文件只能在项目的根目录下创建（跟src文件平级），并且文件的名字只能是vue.config.js，然后在这个文件里面加上下面的代码即可： module.exports = { public
日常开发记录--npm run build:prod打包后的文件在dist文件夹下
machine_vision123的博客
04-27 1954
npm run build:prod打包后的文件在dist文件夹下
vue3+vite+ts项目打包后打开dist文件夹中的index.html时页面一片空白
2301_78419762的博客
01-29 1992
vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置。vite构建打包后，默认启用ES Module，跨module加载引用涉及跨域，file://…通过npm run build 打包后，点击dist文件夹中的index.html时页面一片空白；需要安装vite插件@vitejs/plugin-legacy。安装成功之后在vit.config.js引入并使用。想看一下做的项目的静态版本。
cd dist npm install npm run format npm run dev
最新发布
02-09
执行此命令会运行项目根目录下的`package.json`文件中的`scripts`配置中名为`dev`的脚本。该脚本通常会使用Webpack或Vue CLI等工具来启动一个本地开发服务器，以便在开发过程中实时预览和调试项目。 请注意，这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值