Vue-cli3打包js无法导入

Vue-CLI3.0更改打包配置 Vue-CLI3.0中的打包配置 阅读详情

1、VSCode中build后,index.html中引入js错误

Failed to load resource: net::ERR_FILE_NOT_FOUND

 

2、需要配置vue.config.js

在vue-cli3需要手动在工程目录下建立vue.config.js

vue.config.js中配置如下即可:

module.exports = {
        publicPath: './' 
}

 

3、配置vue.config.js后,再运行npm run build出现如下错误

These dependencies were not found:

 

* XXXXX \src\index\main.js in multi ./src/index/main.js

* XXXXX \src\subpage\main.js in multi ./src/subpage/main.js

使用:webpack .\src\main.js -o .\dist\bundle.js

 

4、webpack : 无法加载文件 D:\nodejs\node_modules\npm_global\webpack.ps1,因为在此系统上禁止运行脚本。

查看运行权限:get-ExecutionPolicy

设置运行权限:set-ExecutionPolicy RemoteSigned,或者:Set-ExecutionPolicy -Scope CurrentUser,再输入RemoteSigned

 

Vue-cli3 + webpack搭建vue项目流程以及打包发布流程 目录 1.命令行初始化项目 2. 分析项目目录 3. vue.config.js多环境打包配置 4. 发布项目 5.参考文章 1.命令行初始化项目 bogon:vue xudanfeng$ vue create vue-cli-project Vue CLI v3.0.2 ? Please pick a preset: Manually select features ? C... 阅读详情

相关推荐

Vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错

vue-cli3.0修改打包后的文件地址和文件名vue-cli3.0修改打包后的文件地址和文件名问题描述修改文件名报错解决 vue-cli3.0修改打包后的文件地址和文件名 问题描述 最近开发一个web端vue项目时使用了vue-cli3.0搭建项目目录,开发过程中一切顺利,没有遇到什么问题,开发完毕打包上线时出现了问题,打包后的文件默认在dist目录下,打开index.html时发现不能运行,报...

weixin_43047977的博客 5270

【vue2】项目打包问题解决-js/css文件无法引用问题

使用vue-cil进行打包后,打开html文件,控制台报错,引入js/css文件失败。 (此项目没有创建多余文件,仅仅在index.html文件中引入了js和css文件)

Ma_Zhen_的博客 2353

vue项目打包上传服务器 - vue-cli2 + vue-cli3 空白页,资源无法加载等常见问题解决

当我们将 vue 项目完成后,面临的就是如何将项目进行打包上线,放到服务器中。我使用的是 vue-cli(simple) 脚手架,所以就讲一下如何将项目进行打包,并放到 tomcat 上。 如果是 vue-cli (非 simple 脚手架),这篇文章可能有点帮助。地址链接:vue-cli 如何打包上线 先来描述一下期间遇到的问题有哪些: 1、打包后将 dist 文件夹和 index.html 放...

maindek的博客 2366

vite创建vue3项目页面引用public下js文件失败解决

📢vite创建vue3项目页面引用public下js文件失败解决

夏日漱石的博客 6952

vue-cli3 如何打包成zip压缩文件

前言 目前在我司,采用前后分离的方式开发,这就会面临一个问题。那就是部署到服务器时如何部署?我们之前的方式是:执行打包命令生成文件夹-> 将文件压缩成zip -> 将zip上传至服务器 ->解压缩 -> 重启服务。 在测试阶段每天都要回归bug,所以每天都要重复执行上述操作。有没有更自动化一些的方式来实现呢?就有了自动化部署,但我在研究自动化部署前,其实我是想在打包的时候自动生成zip文件,然后本地的脚本读取zip并上传至服务器,还有一种思路就是上传脚本可以进行打包压缩zip等。因为

黑山老妖的小站 3325

Vue Cli3 项目打包优化

一、新建项目 使用 vue-cli3 构建一个初始的Vue项目:Cli3 官方文档 因为使用了cli3,很多目录结构不见了,而相关配置是放在vue.config.js里面的,因此在根目录,新建一个vue.config.js module.exports = {} 二、正式优化 1、将 productionSourceMap 设为 false (1) 在vue.config.js...

青崖梦 1108

vue项目public文件夹下的index.html引入js刷新后失效问题(原问题——加载bim模型刷新页面js失效)

加载bim模型刷新页面js失效

xuanshuo2的博客 2202

Vue打包后引用的JavaScript文件丢失

在Vue项目中,引用的JavaScript文件丢失可能会导致应用程序无法正常运行。在解决此问题时,我们应该检查文件路径设置、构建配置选项以及依赖项的兼容性和完整性。通过仔细检查并采取适当的解决方案,可以修复引用的JavaScript文件丢失的问题,确保应用程序的正常运行。希望本文对你有所帮助!如果你对这个问题有更多疑问,请随时提问。

PixelLancer的博客 3794

vue3+vite+ts语法糖解决不能引入js文件问题

在tsconfig.json中配置allowJs:true。

Dyj_zf的博客 1678

vue-cli3打包优化

vue-cli3.0相对于2.0,已经给我们优化了很多了,大家可以打开项目里的node_modules,找到@vue/cli-serve, 这里也说一点,如果你想更深入的了解vue而不仅仅是停留在应用层是一定要去看这些node_modules的。看它里面是怎么配置以及怎么封装的,学习它的思想。 正因为3.0已经做了一些默认的配置,我们进行的进一步优化以及其它配置都放在vue.config.js...

欧阳的技术博客 1583

Keil5编译报错:ARM Compiler Version 5缺失的完整解决方案

本文提供了Keil5编译报错“ARM Compiler Version 5缺失”的完整解决方案。详细介绍了手动安装ARM Compiler Version 5的步骤,包括下载安装包、配置编译器路径及常见问题排查,帮助开发者快速恢复老项目的编译环境。

bb456的博客 945

vue-cli 3.0 打包(vue.config.js)修改js,css,img的输出路径

vue-cli3.*的打包配置都被抽象内置在项目的依赖中,可以使用命令来查看具体的项目配置信息(out.js表示输出的文件名称) vue inspect > out.js 因此,如果需要自定义配置,则需要在项目的根目录创建文件vue.config.js,并在该文件中进行具体的自定义配置。 修改js的配置如下: output: { // 输出重构 打包编译后的 文件...

fly_home_ysc的博客 1万+

学习stm32H7之路开始(STM32H7系列1) 前期准备,HAL库框架

2020.01.07 几个重要的参考网址 1.电子工程世界网 http://tags.eeworld.com.cn/tags/STM32H7 链接: link. 2.转:https://blog.youkuaiyun.com/simon223/article/list/2?t=1 链接: link. ———————————————— 版权声明:本文为优快云博主「Simon223」的原创文章,遵循 CC 4....

kengkengkeng963的博客 3410

在Vue-cli3中 区分环境打包

在vue-cli3的项目中, npm run serve时会把process.env.NODE_ENV设置为‘development’; npm run build 时会把process.env.NODE_ENV设置为‘production’; 此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。 头疼的是打包时线上环境可能分多种,比如测试环境...

前端李小白的博客 7335

在Ubuntu 18下安装SIMULIA Abaqus 2020

参考资料: https://github.com/imirzov/Install-Abaqus-2019-on-Ubuntu-18.04-LTS 安装环境: Ubuntu 18.4 LTS 软件版本: SIMULIA for Linux 2020 1 准备 安装光盘及破解文件 解压光盘至一目录,不能挂载,因为要修改文件内容 /home/sunwk/Downloads/abaqus2020 更改文件权限为最大 sudo chmod -R 777 abaqus2020/ * 复制libpng12

oak619的博客 1万+

用STM32F407做个USB声卡:从CubeMX配置到播放录音全功能实战(附源码)

本文详细介绍了如何使用STM32F407开发板实现USB音频设备的全功能实战,包括CubeMX配置、硬件连接、音频流处理和性能优化。通过双缓冲DMA机制和音频数据处理流程,开发者可以构建高质量的USB声卡系统,适用于录音和播放场景。附源码,助力快速上手STM32音频开发。

weixin_30301449的博客 516

vue-cli3项目打包后页面空白(vue-cli3版本)

首先,如果想要打包后,直接打开index.html页面查看效果,就只需要修改vue.config.js文件,找不到这个文件怎么办呢?去项目的根目录,自己新建一个vue.config.js文件,与package.json同级。创建后输入以下代码: module.exports = { publicPath:'./' } 重新打包,就可以直接点击index.html查看效果了。 如果想要把项...

qq_37021104的博客 4057

QGroundControl或者华科尔地面站安装完打不开问题解决

QGroundControl 华科尔 打不开

wv112406的博客 4908

vue-cli与webpack打包

Webpack 本身只能处理 JavaScript 和 JSON 文件,Loader 使得 Webpack 能够处理其他类型的文件。Vue CLI 采用插件化的架构,拥有丰富的插件生态系统。输入npm -v查看对应的npm版本号;Vue CLI 提供了脚手架功能,可以快速生成 Vue 项目的初始结构和配置文件。:用于执行打包过程中的各种任务,如压缩文件、生成 HTML 文件、清理输出目录等。通过Dos命令,进入到你想建立的第一程序的文件夹;在文件夹下创建first.js和main.js文件。

qq_57093115的博客 1906

获取本机正版windows10激活密钥,以及正版office

本方法面向的是以前买过笔记本电脑给你预装了正版系统,激活了正版office(一般是家庭版)的情况,其他情况请自行尝试。

qq_45774917的博客 2万+

STM32CubeIDE无法连接STLinkV2的一个可能原因

前些日子买了个新的STLINKV2 , ( 老的被我家猫猫一泡尿送上西天了)刚开始还挺正常的, 后来有一天就突然间发现无法调试了.网上尝试了各种方法, 各种操作. 百度了好久. 最后好在我自己研究出来了.我使用的是 STM32CubeIDE 这个开发工具调试选项如下图其它的不需要修改, 然后点击下面的apply 按钮, 然后调试Debug, 提示 No STLink 如下图后来尝试了下载ST-LINK Utility 用它是可以正常连接STLink的, 然后也能正常进行升级操作.

走错路的程序员 9829

vue-cli3.0打包项目

vue-cli3.0打包项目第一步打包项目第二部开始搞一些路径什么的乱七八糟的东西vue-cli3.0版本没有build和config文件所以要我们自己创建一个然后把这段加进去就ok 第一步打包项目 npm run build 完成后项目中会出现 dist 文件就是我们打包好的文件 第二部开始搞一些路径什么的乱七八糟的东西 配置路由模式(可选值: “hash” | “history” | “...

weixin_44860425的博客 4515

SAP_MM模块-服务类采购详细讲解案例

SAP_MM模块服务类采购订单配置及业务测试案例详解,包括前台业务操作、后台配置以及使用过程中的问题处理

风沙的博客 5124

关于vue/cli3打包空白页问题解决

前提 在vue-cli2中也出现过打包后本地打开index.html空白页问题,解决办法:修改config文件夹中ndex.js文件中assetsPublicPath属性为assetsPublicPath: ‘./’,路由用hash模式 环境 vue-cli3 package.json文件如下: { "name": "my-temp", "version": "0.1.0", ...

qq_32754575的博客 8148

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

vue-cli 3.0 创建的项目,打包后在服务器无法访问,页面空白,控制台报错

vue-cli 3.0 创建的项目,打包后在服务器无法访问,页面空白,控制台报错 dev下运行时正常的,但在打包后就不正常了,如下图 经过各种百度所知,是因为资源文件的引用路径,打包后变了,导致路径不正确,找不到文件。 又经过百度得知 vue-cli3.0把webpack封装了,所以只需要在vue.config.js里修改一下配置就可以了。 又经过百度得知 vue-lic3.0默认不会自动创建v...

东方雨林_Lin的博客 1万+

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

cli dll打包 vue_vue-cli3 没有config.js文件的解决办法

之前遇到vue打包后白屏,解决办法都是修改config文件,cli3没有该文件需要手动创建。白屏的问题,打包后的index.html中JS都是根目录的,所有打包后不放根目录找不到其他js文件。可以通过新建并配置config.js来完成 官方vue-cli 3,精简很多文件,其中包括没有了cli2中的config目录,所以需要更改之前cli2中config中相关的配置文件,需要在cli3项目根目录下...

weixin_29169505的博客 933
上一篇: ES及其相关软件的环境配置
下一篇: Spring boot和Vue前后端完全分离配置
MasonYyp
博客等级 码龄9年 301粉丝 297原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值