我正在尝试运行npm run watch，但它总是返回以下错误：
>```none
ERROR Failed to compile with 1 errors2:50:28 PM
>
This dependency was not found:
>
* vue in ./resources/js/app.js
>
To install it, you can run: npm install --save vue
<s> [webpack.Progress] 100%
>
Asset Size Chunks
浏览 0提问于2020-06-10得票数 1
我尝试了很多方法来解决这个问题，从堆叠溢出，laracast，谷歌，但什么都没有，
->我认为我的vue.js没有加载或工作(我使用的是崇高的文本，显示高亮显示或彩色文本的所有文件，除了ExampleCmponent.vue文件)，npm成功地运行了watch，但是vue devtools也没有检测到任何vue。
->我也尝试过：
<div id="app">
<example-component></example-component>
</div>
我和你分享截图，如果可能的话，请帮助我：Example
浏览 4提问于2020-06-15得票数 0
回答已采纳
1回答
因此，我试图设置一个预加载器，但在它开始运行预加载程序之前，它开始下载大量CSS/js等文件，这是不应该发生的，因为预加载程序应该在开始下载vue内容之前运行，并且只在页面准备就绪时才停止。这个问题在快速连接中没有被注意到，但在快速3G或慢3G下非常明显。
我看到了一些使用vue路由的例子，但是我用烧瓶路由Vue，这意味着我不应该使用路由方式，至少我知道。
是否有一种方法来设置它，以便它加载预加载程序，然后开始在后台加载其他内容？
我使用vue插件作为预加载器。
我的代码的一部分，以防有必要：
<script src="https://cdnjs.cloudflare.com
浏览 2提问于2020-11-05得票数 0
回答已采纳
我使用Vue.js ()制作了一个网站的一部分，它是一个目录，条目根据位置等加载。
现在，我发现数据是不可索引的，因为它是在前端加载的。我想必须使用NUXT.JS在服务器上编译这些数据，这样搜索引擎也可以看到这些数据并对其进行索引。
我只是不知道使用CLI的nuxt.js是否可以作为vue.js项目的一部分嵌入，所以我只能在服务器端加载这些数据，而项目的其余部分则停留在vue.js (CDN)中，还是必须使用nuxt.js重新构建整个页面？
我说的是。
浏览 3提问于2021-09-06得票数 2
回答已采纳
我已经在Chrome和Microsoft中安装了Vue.js devtools的测试版。当我加载本地运行的vue网页时，它显示
Vue.js is detected on this page.
Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
我也试过设置
app.config.devTools = true;
在main.js中，但没有任何效果。
这是给Vue.js 3的。
是否有使用Vue 3的Vue devtools浏
浏览 74提问于2022-01-27得票数 0
回答已采纳
我正在制作的应用程序加载了3个JSON文件，以获取有关游戏字符、拼写等信息。目前，我有3个函数使用axios来发出请求，然后存储响应，但是，我想知道我是否在减慢加载时间，因为坦率地说，我不确定这些JSON文件是同时加载的，还是一个接一个加载的。每个文件需要大约45毫秒来加载，所以如果它们被一个接一个地加载，我会看到大约135毫秒的加载时间，我不喜欢它。
目前，我已经尝试了两种方法，但坦率地说，在chrome的网络选项卡中，我看不到加载时间的不同。如果您想知道，这些函数位于我的Vue.js Vuex存储区，调用在App.vue挂载钩子中执行。
第一种方法使用3个单独的函数，每个函数都提出自己的G
浏览 1提问于2019-10-10得票数 1
回答已采纳
1回答
我有一个任务，用python后端(不是烧瓶)和Vue.js前端在google引擎上构建一个系统。系统需要在()上加载vue.js应用程序(一些基本的hello world应用程序)。
我构建了python & yaml端，并将其加载到GAE中，还构建了vue.js端。但是我在如何连接这些部件上花了很长时间，所以python/yaml将在加载url时加载我的应用程序。
请您帮忙，谢谢您的帮助！)
浏览 3提问于2018-04-15得票数 4
回答已采纳
我试图整理一个Vue项目的绝对最起码的例子，该项目使用webpack来传输.vue文件。
我的目标是详细了解每个构建步骤。大多数教程建议使用vue-cli并使用webpack-simple配置。虽然这种设置有效，但为了我的简单目的，它似乎太过分了。现在我不想要babel，linting或一个带有热模块重新加载的活动web服务器。
一个只使用import Vue from 'vue'的最小示例是有效的！Webpack将vue库和我自己的代码编译成一个包。
但是现在，我想将添加到webpack配置中，这样.vue文件就会被转移。我已经安装了vue加载程序：
npm install
浏览 11提问于2017-09-29得票数 22
回答已采纳
2回答
我有问题，我加载多个Vuetify卡组件的基础上选择的页面顶部。 问题是，如果数组呈现+50张牌，则需要大量时间才能加载。我不介意加载时间，但我不喜欢页面在渲染过程中卡住，我不能使用加载指示器。 我尝试在这里模拟这个问题： https://jsfiddle.net/owa1czqx/2/ <script src="https://unpkg.com/vue"></script>
<div id="app">
<button v-for="cat in cats" :key="cat&#
浏览 32提问于2020-01-05得票数 0
我在index.js中有导入 import Vue from 'vue';
import axios from "axios";
import jQuery from "jQuery";
window.Vue = Vue;
var $ = jQuery;
Vue.use(axios);
export {$, Vue}; 然后，在我的dist文件夹中，我有一个加载了webpack输出的main.js文件的index.html <div id="app">
</div>
浏览 43提问于2021-05-02得票数 0
3回答
我有一些javascript要在blade文件中运行，但它正在等待一个Vue组件在运行之前完全加载。
...
<p id="a"></p>
<my-vue-component></my-vue-component>
...
<script>
document.getElementById('a').innerText = 'ggg'
</script>
javascript代码等待加载Vue组件，然后执行。
我不希望Vue组件暂停javascript的其余部分。我希望它在
浏览 3提问于2019-08-08得票数 1
回答已采纳
1回答
我使用vue-authenticate ()使用ID/密码和Oauth 1& 2登录。
我把路由器重定向到仪表板页面上重定向用户的位置？
this.$router.push({name: 'dashboard'})
用Vuex：：编写代码store.js
import Vue from 'vue'
import Vuex from 'vuex'
import {vueAuth} from './auth'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
浏览 3提问于2017-10-27得票数 0
我有几个Vue组件(由Webpack和Vue Loader作为.vue文件处理实现)需要同步(即显示/允许视频流的交互)。其中有些需要一些初始化工作(即下载元数据或图像)。
我能否以某种方式延迟组件，直到初始化就绪？如果我能等待在像beforeCreate这样的生命周期钩子中实现承诺的话，那么完美就是了。
我知道异步组件，但据我所知，我所能做的就是延迟加载该组件，而且我仍然可以等待某个初始化。
浏览 4提问于2019-10-09得票数 1
回答已采纳
3回答
我有一个问题: npm运行表在10%之后被卡住了，所以我删除了node_modules目录和Packy-lock.json，但是我想我安装了npm安装的模块，而没有使用-save-dev，在重新安装了其中的几个之后，我仍然收到一个警告，并且无法识别哪个包在这里丢失了.
WARNING in ./resources/js/components/common/ContenuComponent.vue?vue&type=style&index=0&id=1a3ffd6c&scoped=true&lang=css& (./node_modules/css
浏览 0提问于2019-06-04得票数 0
回答已采纳
我主要是一个C#后端开发人员，并试图学习Vue.js。我使用VisualStudio2017+ ASP.NET MVC (作为API +一个布局)+ Vue.js + Webpack。
.vue单页组件文件由vue-loader加载，.js文件由babel-loader以es2015预置方式加载.
Babel成功地将app.js转换为输出dist/script.js文件，但无论使用哪种组合，.vue文件都会给出语法错误。即使我的navigation.vue错误是，完全是空的，我也有相同的错误：
/资产/组件/导航中的错误
模块生成失败: SyntaxError:意外令牌{
任务运行程序
浏览 5提问于2017-11-10得票数 4
回答已采纳
1回答
Vue.js防止布局跳转
、、、
我有几个Vue.js组件，它们在加载时会导致内容被推开。
为了解决这个问题，我创建了一些CSS规则，专门针对我的Vue组件的自定义HTML标记，如so组件：
custom-tag {
float: left;
width: 150px;
// etc.
}
这个示例将用于CustomTag.vue。这将在Vue.js尚未将此自定义标记替换为相应的Vue.js组件时生效。因此，这实际上将确保我的布局是正确的，即使没有javascript。
虽然这是可行的，但这还远远不是一个完美的解决方案。我觉得Vue.js需要很长时间才能生效，即使它被缓存并放入一个单独的135 of (
浏览 4提问于2017-05-17得票数 2
回答已采纳
1回答
我有一个Vue (vue:2.6 & cli-service:4.1)应用程序，它的延迟加载路由器配置如下：
router.ts
const Grid = () => import(/* webpackChunkName: "grid" */ './views/grid/Grid.vue');
const Calendar = () => import(/* webpackChunkName: "calendar" */ './views/calendar/Calendar.vue');
const Tree
浏览 1提问于2021-03-17得票数 1
回答已采纳
我有一个app.js文件，其中gmarkers是一个对象数组：
var vm = new Vue({
el: '#lili',
data: {
listings: gmarkers
}
});
在我的文件中：
<div id="lili" >
<div
v-repeat="gmarker : listings"
class="listing listing-list col-sm-12"
style="he
浏览 0提问于2015-06-11得票数 1
回答已采纳
如果vue文件中有一个自定义块。例如。
<router3333>
path: /:category/:segment
</router3333>
它将被编译，并在.use子句中配置为唯一的vue加载程序时很好地工作。
如果我在use子句中添加另一个加载程序，它完全不起任何作用，例如，整个加载程序。
module.exports = function (source) { return source }
编译失败时会出错
Module parse failed: Unexpected token (24:17)
File was processed with
浏览 0提问于2019-07-12得票数 2
回答已采纳
1回答
错误
TypeError: Object is not a constructor (evaluating 'DataTableInjector'
Package.js
"vue-loader": "^8.3.0",
"inject-loader": "^2.0.1",
"webpack": "^1.12.2",
代码：
const DataTableInjector = require('!!vue?inject!./../../../js/components/DataT
浏览 1提问于2017-01-03得票数 0
回答已采纳
1回答
我想在Vue JS组件中使用firebase，但似乎在创建组件之后加载了firebase对象。
在执行JS代码之前，是否有一种方法可以等待firebase加载？
例如:我想创建一个名为loader的vue复合器，它在他创建时将firebase对象输出到web控制台上。
<html>
<head>
<!-- Firebase -->
<script defer src="/__/firebase/5.0.4/firebase-app.js"></script>
<!-- include only the
浏览 1提问于2018-06-06得票数 2
回答已采纳
1回答
我一直在尝试使用VueRouter和Laravel建立一个简单的vue应用程序。但是vue路由器没有正确地加载组件。
welcome.blade.php
<body>
<div id="app">
<main-app/>
</div>
<script src="{{ asset('js/app.js') }}"></script>
</body>
app.js
//import Vue from 'vue';
window.Vue
浏览 1提问于2019-12-17得票数 0
我已经读到，我可以在Vue js中在created方法之前添加created，但这不会破坏vue生命周期，因为通过使用异步，它被转换为异步操作，并在后台发送到队列，并且可以在created方法完成任务之前执行后一种方法，比如mounted
浏览 2提问于2022-04-11得票数 -4
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
回答已采纳
我正在尝试侦听Express服务器从我的vue js客户端发送的事件。我想在它发出后立即收听它。但直到整个过程完成后，它才会发生变化。
我的Express控制器代码是：
exports.getFruits = (req, res, next) => {
const fruits = ["mango", "jackfruit", "banana", ...........];
for(let i = 0; i < fruits.length; i++){
res.emit('fruit', fru
浏览 0提问于2019-12-15得票数 0
我目前正在尝试建立一个项目，使用Webpack的模块联合会共享组件。
为此，我使用cli设置了两个基本的vue项目，并在两个项目中添加了一个vue.config.js文件：
宿主项目(将包括共享组件)(运行在localhost:8000上)
const { ModuleFederationPlugin } = require('webpack').container
module.exports = {
configureWebpack: {
plugins: [
new ModuleFederationPlugin({
name: &
浏览 13提问于2021-07-07得票数 4
回答已采纳
我正在使用拉拉维尔Vue设置和拉在拉拉维尔药剂，Webpack和包。
我看过其他几个这样的问题，我知道这通常是一个问题，没有引用独立版本的vue.js
然而，laravel-长生不老药- vue -2包别名vue到独立版本，以便模板可以从.vue文件加载。不过，我每次都会收到这样的错误：
[Vue:Warn] vue 2.0 Failed to mount component: template or render function not defined. (found in component <top> at ../resources/assets/js/components
浏览 6提问于2016-10-16得票数 6
回答已采纳
我正在尝试访问更新的vuex getter，地址是main.js文件检查用户是否已登录。基于这一点，我把用户带到登录页。在main.js文件中，我简单地访问store getter，如下所示。 var router = new VueRouter({...})
router.beforeEach((to, from, next) => {
console.log(store.getters['general/isUserLoggedIn'])
next()
}) 常规是模块名称。 但是当简单地记录store它显示具有更新值的对象。但是当记录日志时sto
浏览 107提问于2021-02-24得票数 1
回答已采纳
3回答
Vue ES模块和浏览器冲突
、、、、
我有一个运行在站点上的Vue.js项目，在这个站点上，我无法控制页面上加载的其他内容。 每当页面上加载浏览器Vue.js库的其他内容出现时，我的页面似乎都会在控制台中抛出错误，直接指向浏览器版本的Vue.js 我猜这与该脚本设置的全局window.Vue有关，但我的代码是使用Webpack生成的，即使我没有将Vue放入单独的文件中，我仍然存在这些问题。 有没有什么可以推荐的方法来尝试和调试呢？或者以某种方式强制我的应用程序只使用Vue.js的ES模块捆绑版本？
浏览 22提问于2021-01-15得票数 0
1回答
我使用Laravel 5.3作为后端，使用Vue组合(Vue 2.1.6 + Vue-Router + vue resource + gulp/webpack等)作为我的前端。我的项目是一个单页面应用程序(SPA)。
一切都很好，直到我决定用惰性加载加载每个页面。
这是我的app.js：
import store from './components/vuex/store.js'
import App from './components/App.vue';
const UserPage = r => require.ensure([], () =>
浏览 0提问于2016-12-23得票数 0
3回答
非常愚蠢的问题，但我正在努力找出我做错了什么；
使用webpack创建了一个vue应用程序，现在得到以下错误：
"Vue warn:未能装入组件:模板或未定义的呈现函数。“
(见附录src/App.vue)
我已经阅读了docs：并遵循了方向。这是我的设置：
###webpack.config.js##
module.exports = {
// This is the "main" file which should include all other modules
entry: './src/app.js',
// Where
浏览 2提问于2018-01-04得票数 1
回答已采纳
1回答
我有一个vue.js应用程序，其中有以下几个子组件：
<main-app>
<child-component></child-component>
<child-component></child-component>
<child-component></child-component>
...
</main>
在加载页面时，我可以使用ready钩子来知道组件已完成加载。现在，这些组件使用ajax数据填充，可以通过单击按钮手动更新。我可以使用broadcast和dispatch方
浏览 1提问于2016-05-22得票数 1
回答已采纳
1回答
我正试图在jsp页面中实现一个vue组件。我尝试访问一个js文件，使用type=“模块”导入、导出语句来编写标记，并且文件已经成功加载和执行。但是，当执行js文件中的import语句时，它将返回控制台中的error：
未能加载模块脚本:服务器响应非JavaScript类型的"“。根据规范，对模块脚本实施严格的MIME类型检查。
下面是我的jsp代码
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<
浏览 1提问于2019-09-11得票数 0
回答已采纳
1回答
上下文:我有一个div (#容器)，里面有js，返回，行星上升，行星设置。
当我像这样重新加载div (#容器)时：
$("#container").load(location.href + " #container");
它不会重新加载我的js在里面，因此不显示行星上升和行星设置。
我尝试重新加载计算行星上升和行星集(loadPlanetComponent())的js函数，如下所示：
function loadTonight() {
$("#container").load(location.href + " #con
浏览 19提问于2022-12-04得票数 0
我有2页或“视图”与相同的JS。在这里，我有一个window.onload函数，其中我做了一些事情：
console.log("loading")
window.onload = function() {
console.log("loaded")
// do stuff
}
window.onload只是在这里跳过而没有执行，永远无法到达console.log("loaded")。
window.onload在Index.vue上工作得很好，它是加载的主页面或第一页，但当您导航到About.vue时就不行了。我不知所措，找不到任何能帮助我的东
浏览 33提问于2022-07-10得票数 0
我已经构建了一个应用程序，它使用spring引导/胸腺网作为模板引擎，一切都很好，现在我需要在应用程序中添加新的部分--我需要用Vue js 3构建它，我希望在我的开发环境中构建它，并且能够使用我的主应用程序将它部署到tomcat服务器中，当然还可以从我原来的应用程序中加载它。
所以现在，在"src“中，我使用vue-cli创建了新的vue应用程序，我只将端口更改为8888：
我可以在localhost:8888探索它，它正在工作，这是main.js：
import { createApp } from 'vue'
import App from '.
浏览 0提问于2021-01-06得票数 1
1回答
我有一个用Vue编写的网页应用程序，当重新加载页面时，在HTML加载中使用代码视图并隐藏Vue的代码。
我需要在重新加载页面时隐藏这段代码。
<script src="cdn.jsdelivr.net/npm/vue"></script> <script src="cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="./js/vue.js"></script>
浏览 0提问于2018-11-27得票数 0
回答已采纳
迁移到Storybook 6.4
我有一个正在加载Vue组件的故事，我一直失败，出现了以下错误：
ModuleParseError: Module parse failed: Unexpected token (92:0)
File was processed with these loaders:
* ./node_modules/vue-docgen-loader/lib/index.js
* ./node_modules/vue-docgen-loader/lib/index.js
* ./node_modules/vue-loader/lib/index.js
You may n
浏览 11提问于2022-04-13得票数 2
回答已采纳
在我的Vue项目中，我希望从服务器(例如https://myurl.com/API.js)加载一个脚本。脚本包含一个变量，我想在我的Vue组件(视图)中使用它。问题是，当我使用loadScript模块加载该纸条时：
import Vue from 'vue'
import LoadScript from 'vue-plugin-load-script';
Vue.use(LoadScript);
Vue.loadScript('https://quvia.cz:4443/portalAPI.js')
然后在Vue组件之后加载它，所以当尝试con
浏览 3提问于2020-04-02得票数 4
问题
我使用Vue 2.4与Mocha和柴一起进行单元测试。在执行组件测试时，每个测试的执行时间都比之前的测试长。
期望
shallow/shallowMount的每个调用不超过200 of。
文件
package.json
{
"name": "client",
"version": "1.0.0",
"description": "client",
"private": true,
"scripts": {
"dev":
浏览 0提问于2018-07-20得票数 2
我通常可以使用$event.target.select()选择所有文本，但在本例中，我认为它选择了all，然后用computed属性替换了选择。如何在计算属性完成后选择全部？ Vue.component('my-component', {
template: `
<div>
My Component
<input type="text" v-model="displayValue" @blur='isInputActive = false' @focus='isInputActive = tru
浏览 41提问于2020-07-27得票数 1
回答已采纳
我在我的项目中创建了一个微调器组件，然后传递一些道具来加载微调器，就像这样 Vue.component("Spinner", require("./components/Loading/Loading.vue").default, {
props: ["loading"]
}); .spinner {
width: 100%;
height: 100%;
background-color: white;
position: fixed;
transition: 0.5s;
z-inde
浏览 9提问于2020-10-07得票数 0
回答已采纳
当我使用npm run dev加载我的站点进行开发时，没有问题。但是，当我使用npm run prod进行生产生成时，来自.json的数据不会出现在网页上，也不会显示在输出的dist文件夹中。
我使用Webpack 4。我认为下面的代码改变了我对.json文件的引用路径，并将.json文件输出到我的dist/assets文件夹中，类似于.png、.woff等文件。不幸的是，事实并非如此。(不知道为什么)。
module.exports = {
entry: "./src/index.js",
output: {
path: path.resolve(
浏览 0提问于2018-07-13得票数 1
回答已采纳
我不认识Vue.js。我刚刚从GitHub克隆了一个项目，现在我想编辑come模板代码。在更新了p标签的类之后，当我刷新页面时，仍然是旧的类。
我想我需要重新生成或重新编译一些东西，但不知道怎么做，因为这是我第一次使用Vue.js。
请帮帮我
浏览 0提问于2019-02-14得票数 0
2回答
为什么当我使用Vue.component加载下面的两个注释组件时，当它与import一起工作时，会在javascript控制台中得到以下错误？
未定义的ReferenceError:仪表板未定义
app.js
Vue.component('left-menu', require('./components/LeftMenu.vue').default);
// Vue.component('dashboard', require('./components/foo/dashboard.vue').default);
// Vue
浏览 0提问于2020-04-19得票数 0
回答已采纳
我从https://github.com/Ethiel97/simple-chart-vue下载了一个教程，它似乎是用vue-cli构建的 我想将其转换为通过CDN加载Vue。我不知道在哪里插入代码来从CDN加载Vue库，因为由于使用单个文件组件.vue文件，所以没有HTML代码。 在哪里插入下面的代码？ <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
<script src="https://unpkg.
浏览 46提问于2021-10-14得票数 0
回答已采纳
1回答
我用的是VueJs2.5*
我使用以下main.js加载组件：
import './assets/sass/paper-dashboard.scss'
import './assets/sass/element_variables.scss'
import './assets/sass/demo.scss'
...
import Test from './components/Test.vue'
...
Vue.component('vue-test', Test)
var vm = new Vue({
e
浏览 2提问于2018-08-14得票数 1
我在异步加载jquery时遇到了问题。如我所见，如果加载javascript，它不依赖于其他库文件，但加载jquery脚本及其带有异步的库文件不起作用，并抛出一个错误，即$ is not defined
下面的脚本位于head标记中
<script async src="../js/jquery/jquery-1.10.1.min.js"> </script>
<script async src="../js/vendor/modernizr-2.8.2.min.js"></script>
<scrip
浏览 1提问于2014-06-23得票数 3
回答已采纳
节点:内部/模块/cjs/加载程序:936抛出错误；^
错误:无法找到模块‘@vue/’要求堆栈：
C:\Users\HP\AppData\Roaming\npm\node_modules@vue\cli-service\lib\Service.jsC:\Users\HP\AppData\Roaming\npm\node_modules@vue\cli-service\bin\vue-cli-service.js at Function.Module._resolveFilename (节点:内部/模块/cjs/加载程序:933:15)在Function.Module._load (节点:内部
浏览 10提问于2022-02-01得票数 1
如何使apollo可在vue组件外部访问。 我正在验证用户是否存在，然后允许路由继续进行。 {
path: '/:username',
name: 'userProfilePage',
component: userProfilePage,
beforeEnter(routeTo, routeFrom, next) {
userExist(routeTo.params.username)
next()
} 将username作为参数传
浏览 12提问于2019-02-25得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
