问题标签 [vue-cli-4]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 使用 Vue CLI V4 调试 Vue 3
我正在使用 Vue 3,我想使用 VS Code(Chrome 扩展调试器)调试标准 Vue 演示。我的 vue.config.js 看起来像这样:
这是我的 launch.json 设置:
启动调试器时,我只能调试编译好的 app.js 而不能调试 HelloWorld.vue。在我看来,源地图似乎没有被构建。有人可以帮我解决这个问题吗?
要调试的组件(components/Hello World.vue)
如果有必要:
- 节点版本:15.11.0
- Vue-CLI 版本:4.5.11
vue.js - 在 vue cli 中包含外部 css 和 js 文件问题
我是 vue js 的初学者。我正在使用 cli 4.5.12 。我想在组件中包含外部css和js文件(位置是/src/components/BodyContents.vue)我的源文件(css,js)位置是/src/assets/
在 index.html 文件中我做了链接
但这让我犯了错误
javascript - vue-cli 在 TypeScript 项目中加载 .js 模块
我有一个 TypeScript/Vue 项目@vue/cli 4.5.11
,我正在尝试将第 3 方 JS 库加载到我的项目@pitcher/vue-sdk
中,这个包没有*.d.ts
我可以找到的定义 - 但除此之外,我似乎遇到了 Webpack 编译错误:
我试图扩展vue.config.js
ChainWebpack 选项,但似乎无法让它工作。
任何人都可以帮助指出一个示例,该示例显示在使用 vue-cli 搭建的 .ts 项目中支持 .js 吗?
vue.js - Vue CLI 使用相对路径部署到子文件夹
使用 Vue CLI 和 Vue 2。
任何人都知道如何使用相对路径构建项目,所以我可以将它放在我服务器的任何子文件夹中,它会工作吗?(例如www.mysite.com/subfolder/)
我试过了
它构建相对路径(即,js/app.js
而不是/js/app.js
),但应用程序不会加载。页面上什么都没有显示。
最奇怪的是所有文件都正确加载(我可以在 Chrome devtools 中检查网络选项卡),没有 JS 错误等。所以页面正在加载所有文件,但似乎在使用相对路径时拒绝安装应用程序。
我知道我可以将绝对路径添加到构建过程中,但这不是我需要的。我的客户需要能够将文件从一个子文件夹自由移动到另一个子文件夹,并且该应用程序应该可以工作而无需重新编译
PS:还尝试使用 Vite 和 Vue 3 构建项目,同样的问题。
谢谢!
vue.js - 个人 Vue 3 组件包缺少模板或渲染功能
我最近将自己的 Vue 3 组件上传到 NPM 以使其可供其他人使用。在其他项目中使用它时会发出以下警告:
发生这种情况的原因可能是什么?我构建和发布应用程序的方式是运行此代码。
然后在我的 package.json 中运行这个构建命令:
我如何在不同的项目中使用我的组件:
组件本身:
webpack - 有没有办法在 Vue 配置中以对象数组的形式提供条目?
我目前正在使用 Webpack 4。我最初想使用pages@vue/cli 4.4.6
以多页模式构建应用程序。但是,当我查看构建文件时,我注意到在给定入口点的公共块中包含文件,即使它们没有在该入口点中使用,我在 Webpack Github 存储库中发现了这个相关问题。看起来这是 Webpack 4 中的一个错误。看起来有一种解决方法,可以使用数组配置v. 单个配置:entry
单一配置失败 DCE
阵列配置适用于 DCE
但是,当使用pages
in时vue.config.js
,生成的 Webpack 配置会产生单一的配置格式。我也尝试使用chainWebpack
,并通过添加每个条目config.entry(name).add(entry)
,但这似乎产生了相同的结果。我尝试做一些更接近示例的事情:
但是,类型似乎不匹配。我认为 Vue 期望module.exports
成为一个对象而不是一个数组。
因此,我想知道是否有办法以这种方式设置配置,或者是否有任何其他选项我必须让 tree-shaking 与多页设置一起工作。
vue.js - 创建一个新项目,运行:vue create hello-world,然后运行:npm run serve on error
我已经尝试了很长时间,但我找不到问题所在。我不知道为什么。请帮我
vue.js - 无法运行命令“vue create app1”
当我尝试在 cli 上运行任何命令时,它会出现此错误:
vue :文件 C:\Users\john\AppData\Roaming\npm\vue.ps1 无法加载,因为在此系统上禁用了运行脚本。有关详细信息,请参阅 https://go.microsoft.com/fwlink/?LinkID=135170 上的 about_Execution_Policies。在行:1 字符:1
- Vue创建应用程序1
解决它的任何解决方案
vue.js - 为什么 HappyPack 在 webpack4 和 vue-cli4 中抛出错误
我使用HappyPack加快生产环境搭建速度,遇到问题,项目环境是vue-cli 4.0和webpack 4.0+,当我尝试使用命令'npm run build'构建项目时,它返回错误如下:
我的配置文件“vue.config.js”看起来像:
我不知道为什么它会抛出错误,它在开发模式下工作。请提供有关此问题的任何线程,谢谢您的帮助!
node-sass - 您正在尝试使用“scss”。缺少节点萨斯
我的项目正在运行 node-sass,但我决定将其更改为 sass (dart-sass),因为我想避免安装 python、g++ 而只是为了运行 npm install,而 node-sass 会因为 node-gyp 而强制你这样做.
所以我跑了
运行npm run build
( vue-cli-service build
) 工作正常,但我的持续集成在npm run test:unit
( vue-cli-service test:unit
) 上失败。
这是完整的错误:
我该怎么做才能修复此错误?我不想回到 node-sass。