我用vite创建了一个vue 3项目，我想将vue路由器添加到项目中，所以在终端上我编写了vue add router，但是在下载完所有内容之后，我得到了以下错误：
Error: Cannot find module '@vue/cli-service/generator/template/src/App.vue' from '/home/frostri/projects/onedrive_local/client/node_modules/@vue/cli-plugin-router/generator/template/src'
at Functio
浏览 2提问于2021-05-22得票数 8
回答已采纳
2回答
我正在尝试导入一个通过NPM安装在Vue.js单文件组件中的节点模块。每次，无论模块是什么，它都不会工作，并抛出诸如These depedencies were not found之类的错误。我正确地遵循了安装说明(至少我认为是这样)，但我想我遗漏了一些东西。
示例：
正在尝试安装swiper.js模块。我在正确的文件夹中安装了NPM，然后在我想要使用它的组件中添加了以下行，如他们网站上所解释的：
import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/css';
当我启动我的服务器时，我
浏览 0提问于2021-09-15得票数 1
从' Vue‘导入vue从' Vuex’导入vuex从'vue-router‘导入自动’es6-promise/ VueRouter‘
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue'
//import About from "./components/About.vue"
Vue.config.productionTip = fal
浏览 3提问于2021-03-09得票数 1
1回答
我有一个Vue CLI 3项目，我正在建设。构建的代码似乎忽略了布罗兹列表。它输出破坏Microsoft的代码，不管我是否将边缘添加到浏览器列表中。
正在输出的语法是lambda中的参数spread操作符，类似于
(...x) => {}
这是不支持的特定版本的边缘，我的项目不断输出它！
这些是我的一些文件：
package.json
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"scripts": {
浏览 1提问于2019-03-25得票数 1
回答已采纳
1回答
我试图找出在节点中使用层次依赖关系的方法。
我正在使用Vue CLI和vue-cli插件浏览器扩展()构建VueJs铬扩展。在后台文件中，我需要使用两个依赖项：
jquery
表到json ()
为了工作，表到json需要jquery。
我使用节点安装安装了这两个依赖项，并且需要后台文件中的依赖项。但是，当我试图运行后台脚本时，我会得到以下错误：
background.js:37 Uncaught ReferenceError: jQuery未定义在Object.f370 ( background.js:37 ) at n ( background.js:1 ) at Obj
浏览 2提问于2020-05-02得票数 1
回答已采纳
我已经安装了一个干净的vuejs项目并对其进行了配置。一切都很好，直到使用await特性创建了代码。然后，在编译(yarn run serve)之后，我得到以下消息：
This dependency was not found:
* regenerator-runtime/runtime.js in ./src/repositories/auth-repository.ts, ./src/store/modules/auth.ts and 2 others
To install it, you can run: npm install --save regenerator-runtime/
浏览 5提问于2021-12-23得票数 1
我有一个奇怪的错误，我不知道是什么导致了这一点，但上次我开发我的项目是很好的。我的chrome浏览器毫无理由地丢失了缓存数据(第二天)。当我运行我的vue3项目时，出现这个错误。控制台日志记录的内容 App.vue?3dfd:11 Uncaught TypeError: Object(...) is not a function
at eval (App.vue?3dfd:11)
at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_
浏览 89提问于2021-09-09得票数 1
1回答
尝试将MongoClient导入到我的Vue项目中，并期望它不会抛出错误。 const MongoClient = require("mongodb").MongoClient; 浏览器中的错误： > utils.js?071e:543 Uncaught TypeError: Cannot read property 'split' of undefined
at Object.eval (utils.js?071e:543)
at eval (utils.js:913)
at Object..**/node_modules/mongodb/lib/ut
浏览 40提问于2021-06-22得票数 1
回答已采纳
我有一个Vue 2.6项目，在这个项目中，这个错误发生在样式程序集的某个阶段(如果我正确理解的话)。同时，我既不能构建也不能运行项目，但是所有模块都是从package.json成功安装的。
错误
ERROR TypeError:无法读取未定义的属性的样式-资源-加载程序
详细情况：
ERROR TypeError: Cannot read property 'style-resources-loader' of undefined
TypeError: Cannot read property 'style-resources-loader' of un
浏览 3提问于2020-12-12得票数 2
回答已采纳
我在我的项目的某些部分使用cdn版本的vue。我希望在项目中使用vue cdn的这些部分中包含类型记录支持，但是由于技术栈的原因，我们不能使用Vue CLI。有办法将Vue.js导入普通的类型记录文件吗？在没有Vue cli的情况下，我如何制作工作Vue.js和打字本？
浏览 3提问于2021-10-01得票数 0
2回答
我为一个尝试将项目从Vue CLI 4迁移到Vue CLI 5的组织工作。该项目使用Vuetify，我们有styles/variables.scss文件中使用的SCSS文件( Vuetify需要定制样式)，也可以通过@import在Vue组件文件中使用(SCSS变量有时需要在<script>部分)。
这里的一些例子展示了如何通过应用程序使用SCSS变量：
// styles/variables.scss
@import "colors.scss";
$some-vuetify-sass-variable: $color // from (colors.scss)
浏览 47提问于2022-04-01得票数 4
回答已采纳
1回答
如何将Vue插件发布到NPM中？
、、、、
我用打字本为编写了一个非常简单的插件。您可以找到源代码。
index.ts
import VueVoca from './vue-voca';
export {
VueVoca
};
vue-voa.ts
import vue from 'vue';
export default {
install(Vue: typeof vue) {
Vue.prototype.$voca = require('voca');
}
};
vue.d.ts
import Vue from 'vue';
import vc
浏览 1提问于2019-02-27得票数 3
回答已采纳
使用@vue/cli@3.6.3创建项目。这是package.json "scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"test": "npm run lint && npm run test:unit",
"test:unit&
浏览 39提问于2019-04-23得票数 0
回答已采纳
我通过CLI创建了一个vue3.0 + ts项目，当我添加vue.config.js时，它在require上总是有错误
const webpack = require('webpack');
const path = require('path');
错误是
module "d:/learning/vue-3-ts-demo/node_modules/webpack/types"
Require statement not part of import statement`.
我安装了webpack 5.65.0
我的packages.json
浏览 8提问于2021-12-09得票数 0
回答已采纳
我试图申请Vue 3，但没有CLI和Webpack。
目前还没有正式文件。在CDN上有许多版本(vue.cjs.js、vue.cjs.prod.js、vue.esm-browser.js、vue.esm-bundler.js、vue.global.js、vue.runtime.global.js.)。
选哪一个？以及如何挂载应用程序，旧方式不起作用。有许多在线例子如何工作的新组合API，但没有一个如何启动项目，没有CLI / Webpack。
浏览 17提问于2020-07-11得票数 18
回答已采纳
构建完成后，顺风中的css将不会显示
在我的package.json里。我不知道顺风构建看起来像什么，我只是使用默认的。
{
"name": "portiflo",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
&#
浏览 1提问于2021-11-10得票数 1
1回答
我非常想把Vue 3CLI的输出与各种教程和插件协调起来，这些教程和插件都使用Vue对象，就像在Vue.createApp(...中一样。在我的项目中，我可以使用 import {createApp} from 'vue';
createApp(... 但是import Vue from 'vue';导致Vue仍然是未定义的。我已经通过NPM安装了Vue 3。显然，关于NPM导入有一些我不理解的关键问题，如果导入整个模块都不起作用，{createApp}导入如何工作？ 来自package.json： "dependencies": {
浏览 92提问于2020-11-03得票数 4
回答已采纳
vue.config.js没有运行
我正在做Vue项目，我用vue-cli创建了它。我在vue.config.js中编写了这段代码，以避免@import variables.scss和mixins.scss 手动对所有组件进行操作。
module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `
@import "@/assets/styles/_variables.scss";
@import "@/assets/styles/_mixins.scss
浏览 6提问于2020-12-05得票数 1
我是新来的，刚刚用Graphql试用了Vue.js。经过一些学习，我使用vue ui(vue cli 3)构建了一个项目，并为客户机和服务器添加了vue-cli-plugin-阿波罗，因此我当前的项目结构如下：
项目文件夹
─┬── apollo-server (server folder)
├── node_modules
├── public
├─┬ src (client folder)
│ └┬─ assets
│ ├─ components
│ ├─ graphql
│ ├─ views
│ ├─ App.vue
│ ├─ main.js
│ ├─ r
浏览 0提问于2018-12-15得票数 2
2回答
如何在单水疗vue应用中添加风味
、、、、
vue 2.6.14验证2.6.9
如何将vuetify插入到vue应用程序？我尝试将我的项目导入到另一个项目中--如何使用微前端应用程序，但是有些东西不起作用
我是怎么一步一步地走的：
创建-单spa根配置
在项目中创建应用程序vue
运行vue，在vue app目录中添加vuetify
vue应用程序中的main.js导入验证
利润？..。不是
package.json
{
"name": "@site/site",
"version": "0.1.0",
"private
浏览 9提问于2022-09-12得票数 0
回答已采纳
2回答
我正在尝试将引导Vue添加到一个新的项目中，在安装之后，它显示了这个错误，对此有什么修正吗？
编译失败，有一个错误
./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss中的11:44:32错误
语法错误: SassError:未定义变量。╷29│
-webkit-点击-高亮-颜色: rgba($black，0)；// 5│^^^^^^╵node_modules\bootstrap\scss_reboot.scss 29:37
@import src\assets\scss\vendors\boots
浏览 7提问于2021-08-24得票数 0
1回答
将firebase安装为npm包，并将其导入到vue项目中。在尝试运行vue项目时，我得到以下错误 ERROR Failed to compile with 1 error 01:06:50
This dependency was not found:
* https://www.gstatic.com/firebasejs/9.0.0/firebase-app.js in ./node_modu
浏览 11提问于2021-08-30得票数 0
回答已采纳
Vue-cli (旧语法)导入相对scss资产不适用于供应商外部 librairies 样式文件：
导入项目相关的scss (在src中)总是可以的。
导入外部相对scss (在node_modules中)在标签中是可以的。
在scss文件node_modules NOK中导入外部相对scss (在中)。
如果我采用这个版本的vue和@vue-cli：
packadge.json
"dependencies": {
"vue": "^2.5.16"
},
"devDependencies
浏览 1提问于2018-06-08得票数 0
4回答
在我将axios import axios from "axios";导入到App.vue文件中之后，我得到了axios is defined but never used错误。我附上了错误图像和package.json代码。我安装了axios。怎么修呢？
package.json文件是：
{
"name": "myvue",
"version": "0.1.0",
"private": true,
"scripts": {
"serve"
浏览 1提问于2019-11-21得票数 6
回答已采纳
1回答
在我的vue-cli项目(@vue/cli 4.4.4)中，我希望在构建时排除防火墙，并在运行时(通过index.html)包含它。
在我的package.json中，我有那些进口产品
{
...
"dependencies": {
...
"firebase": "^7.24.0",
"firebaseui": "^4.7.1"
},
}
我想把它排除在建筑之外。谷歌的研究/所以我在我的vue.config.js中包括了这些行
module.exports = {
...
co
浏览 2提问于2021-02-12得票数 0
回答已采纳
我已经为工具提示创建了一个自定义目录，我想让它成为一个库，可以导入并在任何其他项目中使用。我已经创建了库，并将其导入到不同的项目中。但是当我运行这个项目时，它返回下面的错误。 Uncaught TypeError: Cannot read property 'install' of undefined
at Function.Vue.use (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:5096)
at eval (webpack-internal:///./node_modules/cache
浏览 30提问于2021-05-10得票数 0
回答已采纳
在移动到vue-cli 3时，我遇到了以下问题。我将插件的css导入到我的app.scss。
这一行：background-image: url(default-skin.svg);破坏了yarn build，后者抛出了这个错误：
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ReferenceError: navigator is not defined
这是我的vue.config.js：
const path = require('path')
const
浏览 0提问于2018-08-24得票数 9
我试图在symfony/webpack-encore上使用jest side vuejs框架实现一个单元测试，但经过多次尝试，我仍然得到了以下错误：
Jest遇到了一个意想不到的标记
这通常意味着您试图导入Jest无法解析的文件，例如，它不是普通的JavaScript。
默认情况下，如果Jest看到一个Babel配置，它将使用该配置来转换您的文件，而忽略"node_modules“。
进口{
^
SyntaxError:意外令牌( 20 )
[ 21 ]从“3”进口*为3；从“3/ GLTFLoader /jsm/loaders/GLTFLoader.js”进口{} 22；
^
浏览 1提问于2019-11-06得票数 0
回答已采纳
我是Vue的新手，我一直试图导入一个变量，该变量由使用Vue CDN的app.js所必需的API键组成。但是我收到了这个错误：
Uncaught :意外标识符app.js:1
其他的一切都很好，只是我对进口有问题。
我的代码预览：
//---config.js---
export const key = 'someKey';
//---app.js---
import key from './config.js'
new Vue({
...,
components: {
key
},
...
有没有办法使它不使用Vue
浏览 0提问于2019-05-01得票数 1
回答已采纳
学习vuejs3，我用命令创建了新的@vue/cli应用程序
vue create myapp
在选中vuejs 3之后，我将路由器添加到我的项目中，并在src/main.js中添加了路由器引用：
import { createApp } from 'vue'
import { createRouter/*, createWebHistory */ } from 'vue-router'
import WelcomeScreen from './pages/WelcomeScreen.vue'
import UsersList from
浏览 2提问于2020-10-31得票数 3
回答已采纳
如果我在我的macbook上创建一个新的vue.js项目并用"npm运行服务“编译它，我会得到以下错误。
自创建文件以来，我从未更改过任何文件。
markus@Markuss-MBP meinerstesprojekt % npm run serve
> meinerstesprojekt@0.1.0 serve
> vue-cli-service serve
INFO Starting development server...
ERROR Failed to compile with 1 error
浏览 47提问于2022-03-09得票数 4
回答已采纳
遇到一个与Webpack有关的问题。
尝试在CLI创建的Vue应用程序中将最基本的服务作为烟雾测试(启动小)。
版本：
Vue CLI: 3.11.0
vue 2.6.10
@vue/CLI-服务4.0.5
我在项目的shared文件夹中创建了一个名为src的文件夹。HelloWorld.vue文件位于components文件夹中。在该文件中，我导入了放置在shared中的数据服务，并试图在HelloWorld组件的Created事件中使用它：
<script>
import { dataService } from "../shared";
ex
浏览 3提问于2019-11-20得票数 1
回答已采纳
当我使用firebase deploy部署我的vue应用程序时，我在de console中得到一个错误。我只使用firebase的firestore和deployment。 t.INTERNAL.registerService不是一个函数 有人有解决方案吗？ package.json "dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.22",
"@fortawesome/free-solid-svg-icons": "^5.10.
浏览 23提问于2020-07-24得票数 0
当我通过以下命令创建一个新的vue-cli项目时
vue create hello-word
和这个命令来安装vuetify
vue add vuetify
然后我看到我的git像这样改变了
package.json中已经安装了两个新的依赖项。
vue-cli-plugin-vuetify
vuetify-loader
乍一看，我认为vue.config.js已经指定了使用这两种代码，但是它的内容只有这些代码。
module.exports = {
"transpileDependencies": [
"vuetify"
浏览 3提问于2020-11-17得票数 1
我在Vue是个新手，也许我的问题是微不足道的。
我必须做的事：
我想要创建一个Vue组件，我可以把它放在NPM私有回购中，然后用bundle.js文件将它导入到其他项目中。
TLDR:
无法通过vue -cli服务构建--目标lib/wc导入vue组件构建。进口组件我对"export 'HelloWorld' was not found in '../node_modules/hello-world'有一定的了解
长版本：
我已经问了尽可能多的问题和项目。所有项目都是由vue-cli构建的，没有任何额外的更改。
创建新的默认项目vue crea
浏览 0提问于2019-01-08得票数 10
我第一次和webpack一起使用vue-cli，并尝试了单元测试特性。但是，我删除了默认的HelloWorld.vue组件，因为我的自定义应用程序中不需要它。因此，当在终端中运行以下命令时，我得到一个单元测试错误：
$ npm run test
> vuetemplate@1.0.0 test D:\Users\myName\Desktop\vue-cli-webpacktemplate
> npm run unit
> vuetemplate@1.0.0 unit D:\Users\myName\Desktop\vue-cli-webpacktemplate
&g
浏览 14提问于2018-02-08得票数 0
我在互联网上发现了很多关于这方面的问题，堆栈溢出，然而，问题似乎总是与反应有关？然而，就像这个一样，我使用的是Vue，错误发生在Vue自己的组件上，这些组件是我为测试类型而做的新安装项目的一部分，通常是类型提示。
错误：
src/App.vue:3:6 - error TS2604: JSX element type 'RouterLink' does not have any construct or call signatures.
3 <router-link to="/sales-running">Sales Running<
浏览 16提问于2022-06-07得票数 3
我正在将Vue CLI 3项目中的Vue从1.5版升级到2版，我已经按照的指示进行了完整的安装。自从升级之后，运行“npm运行服务”会给我带来大量的错误，如下所示：
error in ./node_modules/vuetify/src/components/VGrid/_grid.sass
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using
浏览 3提问于2019-10-04得票数 10
回答已采纳
2回答
我有组件- Header.vue
标题：
<template>
<div>
<div class="header">
</div>
</div>
</template>
<script>
export default {
name: "Header"
}
</script>
<style lang="scss">
@import "src/assets/styles/header";
<
浏览 5提问于2021-09-10得票数 0
我在尝试让vue-svg-loader正常工作时遇到了问题。我在插件的issues部分发布了这篇文章，但我不确定是不是，或者只是我实现错了。 我是Vue的新手，所以如果我在实现Vue时犯了一个非常愚蠢的错误，我深表歉意。 当我运行vue --版本时，它显示我在@vue/cli 4.5.9上 下面是我的组件中的代码： <template>
<div>
<SampleSvg />
</div>
</template>
<script>
import SampleSvg from "@/assets/
浏览 190提问于2021-08-04得票数 0
我有一个Vuejs应用程序使用的承诺，但得到这个错误：This dependency was not found: core-js/fn/promise in ./src/store/index.js To install it, you can run: npm install --save core-js/fn/promise我的package.json：
"dependencies": {
"axios": "^0.21.1",
"bootstrap": "^4.5.3",
"
浏览 7提问于2021-01-07得票数 4
回答已采纳
npx webpack
TS2307: Cannot find module './App.vue' or its corresponding type declarations.
我在用webpack，vue和打字稿。
我有webpack的基本配置。它有一个类型记录文件作为入口点。输出是文件夹生成。我正在使用类型记录加载程序和vue加载程序。
构建工作正常，直到我从javascript更改为类型记录(也就是说，如果我将app.ts重命名为app.js，并从webpack移除类型记录加载程序，一切都正常)。
对于vue，我添加了tsconfig.json文件。这有助于减少错误。
浏览 0提问于2020-11-11得票数 5
我使用vue-cli 'vue init webpack-simple my-app‘命令创建了一个新项目。在新的安装副本中，我尝试在默认情况下创建的App.vue组件中导入vue-路由器。但它给了我一个错误：'Uncaught ReferenceError: Vue is not defined‘。如果我在App.vue中再次导入vue，那么这个应用程序运行良好。但是我已经在main.js中导入了vue，那么为什么我需要在App.js中再次导入它呢？有什么办法可以使用从main.js导入的vue吗？这是我的代码：
main.js：
import Vue from 'v
浏览 1提问于2018-09-11得票数 4
回答已采纳
1回答
我尝试在vue.js应用程序中全局使用sass，使用以下方法：
const { defineConfig } = require('@vue/cli-service')
module.exports = {
css:{
loaderOptions:{
sass:{
data:`@import "@/sass/test.scss";`
}
}
}
}
但是在vue.config.js中，我有以下两行代码：
const { defineCo
浏览 2提问于2022-06-12得票数 0
回答已采纳
我需要从webpack生成的main.js文件外部访问Vue实例，该实例在vue-cli项目的main.js中声明。在main.js中，我有：
var vm = new Vue({
store,
render: h => h(App)
}).$mount('#app');
但是，因为webpack将这些代码封装在一个函数中并将其缩小，所以vm变量永远无法从脚本外部访问。我如何解决这个问题，并确保vm变量可以从其他脚本中访问？
所有webpack设置都是vue-cli提供的默认设置。
浏览 1提问于2019-04-27得票数 1
回答已采纳
1回答
将自制图书馆导入vue项目
、、、、
Intro:我用vue-cli ~4.2.0：parent-app和dummylib生成了两个项目
目标：在dummylib项目中创建DummyButton.vue组件，并在parent-app项目中导入。
我所做的：
跟踪这个。
在虚拟库的package.json中，我插入了：
"main": "./dist/dummylib.common.js",
和build脚本：
"build-lib": "vue-cli-service build --target lib --name dummylib src/main.js",
杜
浏览 3提问于2020-03-13得票数 3
回答已采纳
1回答
我在使用pinia有问题，以前我在我的项目中使用了vuex，但是我想迁移到pinia来处理我的商店。所以我想，我把皮尼亚装好了。这样我就可以在没有问题的情况下运行我的应用程序的服务器。但是，当我打开页面(PS: vue dev工具不再被检测到)时，我得到了以下信息：
这是我的文件package.json：
{
"name": "ecomm-challenge",
"version": "0.1.0",
"private": true,
"scripts": {
浏览 11提问于2022-06-13得票数 0
11回答
我决定删除节点模块文件夹，做一个npm install，然后做一个npm run serve --它总是停留在40%左右，永远停留在那里。当从UI中完成时，它也会被固定在类似的数量上：
$ vue-cli-service --开放模式开发--https --仪表板信息启动开发服务器.
40%构建118个/134个模块16个活动...tApp\node_modules\axios\lib\defaults.js
另一次：
40%构建134个/147个模块13个活动...\node_modules\axios\lib\adapters\xhr.js
我注意到Node.js进程一直保
浏览 2提问于2019-05-20得票数 9
我对Vue.js的CLI版本与使用Vue istance的普通版本之间的区别感到困惑。
在初始构建中，App.js文件如下所示：
import { createApp } from 'vue'
import { App } from './App.vue'
createApp(App).mount('#app')
这个应用程序运行得很好。
但如果我试着稍微修改一下然后用：
import { Vue } from 'vue'
import { App } from './App.vue'
Vue.createAp
浏览 7提问于2021-08-24得票数 0
回答已采纳
默认的Vue.js概念是将模板、JS和样式放在一个*.vue文件中。
我的问题是:如何将CSS / SCSS从*.vue文件中分离出来，并得到以下结构：
components
-- componentA
---- componentA.vue
---- componentA.scss
-- componentB
---- componentB.vue
---- componentB.scss
-- componentC
---- componentC.vue
---- componentC.scss
有没有好的做法来创建这样的项目结构，并通过Webpack构建main/dist CSS？有任何
浏览 2提问于2017-09-29得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
