我正在尝试导入我的vue js单个文件组件的样式标记中的2个css文件。
<style >
@import '../assets/styles/jquery-ui.js.css';
@import '../assets/styles/jquery-ui.css';
</style>
但是是扔错了，写着：
错误编译失败，有一个错误
上午9时28分42分
在./src/components/Attend.vue中出错
语法错误:未关闭的字符串
@ ./node_modules/vue-style-loader!./node_
浏览 0提问于2018-12-29得票数 2
回答已采纳
我正在用@vue/cli / vue version 3.5.5制作一个简单的2页的网站。
到目前为止，当我使用npm run serve在本地运行网站时，然后使用npm run build创建我的dist/文件夹。
当我将文件从dist/文件夹添加到宿主的根目录并访问http://www.my-website.com上的生产环境时，页面呈现并正常运行。
不过，我想在子目录中托管这个应用程序，但是这会扰乱index.html不呈现的路由。访问http://www.my-website.com/dist时:将返回空白的index.html，并在控制台中包含错误消息：
app.a1183de6.j
浏览 0提问于2019-04-08得票数 2
3回答
Vue 3应用程序坏了/不会编译下面的包更新。更新前没有错误。
我收到以下节点控制台错误。
误差
"export 'createElementBlock' (imported as '_createElementBlock') was not found in 'vue'
"export 'createElementVNode' (imported as '_createElementVNode') was not found in 'vue'
"export 'no
浏览 0提问于2021-08-15得票数 13
我们正在使用的技术是Laravel，现在正在尝试使用Vue js。在我的app.js里
App.js文件
Vue.component('main-chart-of-accounts', require('chart_of_account.vue').default);
也在同一条路上。我有那个文件chart_of_account.vue。在这个文件中，这是我们的模板
chart_of_account.vue文件
<template>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg
浏览 4提问于2019-10-16得票数 0
将javascript模块导入到vue组件中的正确方法是什么？
我目前有一个vue组件component.js：
Vue.component('component', {
name: 'component',
props: ['pdf'],
template: ` ...
我想把pdf-url作为道具，在组件中使用pdf.js，但我很难找到正确的方法/标准方法将pdf.js导入到我的项目中。
值得注意的是，我没有使用vue-cli或任何其他类型的捆绑器，因此我的项目结构可能与标准项目结构略有不同。我从一个main.html
浏览 8提问于2018-08-15得票数 0
1回答
我有一个问题，我有点绝望，因为我还没有找到解决方案(也因为我不知道谷歌什么)。
所以我有一个现有的(几乎是新的) Laravel项目，并希望通过typescript从vue2升级到vue3。因此，在教程中，我从vue2切换到了vue3，而在教程中，我切换到了typescript。在为项目(php artisan serve)提供服务时，我收到的“404not Found”错误。还有两个警告，即无法加载源为"“和"”的
以下是我更改的一些文件
// webpack.mix.js
const LiveReloadPlugin = require('webpack-liver
浏览 1提问于2021-03-22得票数 1
我不确定这个错误。我使用require.js来获取js文件夹中的文件，如下所示：
require(['../js/vue'],function(){});
但是我添加了baseUrl，它有错误
require([baseUrl+'/js/vue'],function(){});
它类似于
require(['test/data/js/vue'],function(){});
//Failed to load resource: the server responded with a status of 404 (Not Found)
//Unca
浏览 2提问于2018-06-18得票数 3
我有一个带有剃刀视图的ASP.Net核心MVC，当它需要更复杂的时候，它会使用VueJs2。
我想有一个每个视图的js文件。
我的文件夹结构是这样的：
├ Controllers\HomeController.cs (with actions Index & Details)
├ Scripts\Home\index.ts
├ Scripts\Home\details.ts
├ Views\Home\Index.cshtml
├ Views\Home\Details.csthml
├ wwwroot\lib\vue
├ wwwroot\js\Home\index.js (generat
浏览 0提问于2017-04-13得票数 3
TL;DR
+ background.ts => ...webpack.=> (捆绑vue文件)+ background.js
无法执行background.js
期望background.js只包含“console.log(‘test’)”；
我和webpack有一个vue项目，还有打字稿。
我希望我的构建步骤除了vue JS相关文件之外，还生成一个"background.js“文件。
我有一个源文件的类型："background.ts“。
通过vue.config.js，我加入了webpack的条目“背景”。
它确实像我预期的那样构建了一个文
浏览 1提问于2020-04-07得票数 3
回答已采纳
1回答
我在Symfony项目中使用Vue.js (2)，目前我的Vue实例带有“全局”组件(在我的例子中称为带有一些CKEditor库的编辑器)，使用默认的symfony webpack预编译。 //app.js
import Vue from 'vue';
import Editor from './components/Editor';
new Vue({
el: '#app',
components: {Editor}
}); //components/Editor.vue
<template>
<d
浏览 22提问于2021-03-31得票数 1
回答已采纳
我正在使用vue与电子建立一个桌面应用程序。我正在使用vue插件来扩展应用程序的功能。这些vue插件作为npm模块托管在npm目录中，可以使用从应用程序插件存储区安装，该插件可以用于动态地将插件安装到插件目录中。
我用webpack来编写vue前端。当我直接使用这些插件时，它们工作得很完美。我需要知道是否有任何方法，我可以从文件夹动态加载这些插件，每次应用程序启动。
我已经构建了安装和卸载插件的功能。但我不能要求这些模块进入vue应用程序。我尝试使用电子的remote.require调用来获取模块，并在加载的插件中使用一个名为Vue.use()的循环。但我一直在犯错误。
// load
浏览 1提问于2019-07-03得票数 1
回答已采纳
我已经设置了vue-cli版本3 SPA，以便在我的routes.js文件中找不到的任何请求都将默认为我的404视图，如官方中所示。
插入到routes.js文件底部附近：
{ // catches 404 errors
path: '*',
name: '404',
component: () => import(/* webpackChunkName: "NotFoundComponent" */ './views/NotFoundComponent.vue'),
},
插入到nginx配置文件中：
loca
浏览 0提问于2018-09-23得票数 5
回答已采纳
尝试遵循一些Vue教程，而我目前无法在.js文件中导入Vue，然后在我的index.html中导入这个文件。这就是我如何在我的index.html中导入脚本
<script src="./js/main.js" type="module"></script>
如果我在我的main.js文件中这样做：
import Vue from 'vue';
我在浏览器控制台中得到以下错误：
未解析的TypeError:未能解析模块说明符"vue“。相对引用必须以"/“、"./”或“./”开头。
如果我的
浏览 1提问于2018-10-02得票数 43
回答已采纳
我有一个.json文件，我需要它在浏览器控制台上显示它的数据。我正在使用Vue.js，并使用vue-axios从.json文件中获取数据。下面是脚本标记上的代码：
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"></script>
<script>
import countries from "./charts/countries.vue";
import axios from "axios";
//const
浏览 1提问于2020-05-25得票数 2
回答已采纳
尽管这是关于VueJS的。我怀疑它将与任何其他JavaScript语言，如角或反应。
我一直在学习Vue.js，并且很喜欢它。我知道我在路上有一个更大的应用程序，而且我想开始使用TypeScript。现在似乎是这样做的时候了。在这一点上，我对Vue有很强的把握，但是我找不到任何关于如何设置TS并让它实际运行的文档(在2周以上找到确切的、最低的要求)。
下面是一些HTML和Vue代码的示例，它们只使用脚本标记和普通的JavaScript。
<div id="app">
<h4>{{ Value }}</h4>
</div>
浏览 0提问于2018-03-14得票数 3
回答已采纳
我试着用VUE创建一个PWA。
在尝试注册服务工作人员时，我以下列方式在文件main.js中进行注册：
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
const prod = process.env.NODE
浏览 0提问于2018-11-16得票数 2
1回答
当我运行parcel watch index.js时，我看到一个控制台错误(如下所示)。为什么它要尝试使用npm来加载我的组件？ npm ERR! 404 Not found : MyComponent
npm ERR! 404
npm ERR! 404 'MyComponent' is not in the npm registry.
npm ERR! 404 Your package name is not valid, because
npm ERR! 404 1. name can no longer contain capital letters
npm E
浏览 11提问于2019-03-05得票数 1
回答已采纳
2回答
我是用laravel9和vue3开发的。
我的问题很简单，但是路径设置不太好。
当我访问url localhost:8080/tasks时
此url返回404，未找到，我得到以下类型的错误
获取 404 (未找到)
我不知道原因，但是当我将path：/tasks重写为path /，localhost:8080返回我想要的组件时。
我有以下文件。
router.js
import { createRouter, createWebHistory } from "vue-router";
import TaskListComponent from "./compon
浏览 18提问于2022-10-30得票数 2
回答已采纳
我正在使用Django，和Webpack，Vue，和代码拆分在Webpack。Webpack从.vue文件的源代码中拆分出块文件。但是，我无法在Web浏览器上加载块文件，因为我的项目结构中的url不正确。我想更改块文件的加载url，但我不知道这些。如何更改块文件的加载url？
Chrome控制台日志：
GET http://localhost:8123/mycomponent.chunk.js 404 (Not Found)
main.js:12 Error: Loading chunk 2 failed.
(error: http://localhost:8123/mycomponent.c
浏览 11提问于2018-08-10得票数 0
回答已采纳
1回答
我有index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="module">
import Vue from '/static/js/vue.js'
new Vue({
浏览 6提问于2020-03-20得票数 0
回答已采纳
我想建立我的Ionic Vue项目，根据文件与电容。
ionic capacitor build android --prod
带来以下错误
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@vue%2fvue-loader-v15 - Not found
npm ERR! 404
npm ERR! 404 '@vue/vue-loader-v15@15.9.8' is not in the npm registry.
npm ERR! 404 You should bug
浏览 2提问于2021-11-16得票数 0
3回答
我试图找出如何解决以下错误失败，(第一个错误：)“OPTIONS HTTP404 (Not Found)”和(第二个错误：)“Failed to load ：Response HTTP status code 404.”。
最初，我将我的代码定义为如下代码：
我看到了很多与我的问题类似的帖子，但他们提出的解决方案都没有对我起作用。
我在后面使用了Vue.js，Axios和Node.js，我的集合在MongoDb中定义如下：
List: {_id:'', name:'', items:
[ {
浏览 1提问于2018-03-06得票数 1
1回答
模块Vue需要什么NPM依赖项？
、、、、
我对HTML + JS库中使用SSR开发的传统多页面应用程序有一定的了解，但我对现代web开发还很陌生。我目前正在学习Vue JS (最新版本)，我已经在网上观看了一些教程视频。我看过的视频教我用普通的HTML + <script>设置来编写Vue JS网页，而不是用Vue CLI程序创建的项目设置。
现在，我想知道package.json文件中的NPM依赖项需要哪些才能将项目设置从单个HTML + Vue CDN脚本src更改为由vue-cli设置的文件夹结构，就像其他CLI创建的现代项目文件夹结构一样，例如角和响应。
运行vue init <template name&g
浏览 0提问于2019-04-28得票数 1
2回答
我正在使用来自Vue的Axios向Laravel 8发出一个简单的GET请求，但我得到的是一个我不理解的404。
我的welcome.blade.php：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>L
浏览 2提问于2020-09-12得票数 0
1回答
在ubuntu环境中使用vue的axios请求 报错404，500。在使用vue之前，postman测试成功。
我的app.vue:
运行后浏览器控制台报错，路径是我从postman上复制过来的
这是我的vue.config.js文件
后来又变成500错误
浏览 79提问于2024-01-10
我试图在一个简单的Vue应用程序中使用vue-tabulator组件：，该应用程序恰好是用TypeScript编写的。
main.ts
import Vue from 'vue'
import VueTabulator from 'vue-tabulator'
import App from './App.vue'
Vue.config.productionTip = false
Vue.use(VueTabulator)
new Vue({
render: h => h(App)
}).$mount('#app'
浏览 10提问于2019-11-07得票数 1
回答已采纳
我的项目是通过vue-cli完成的。
vue init webpack vue-demo
cd vue-demo
npm install
npm run dev
现在我想开发一些组件。我想把它们用在requirejs中。webpack配置
entry: {
app: './src/main.js'
},
output: {
path: config.build.assetsRoot,
publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPu
浏览 1提问于2017-01-30得票数 0
1回答
我用Vue Cli
要创建延迟加载组件，如下所示：
router/admin/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
function lazyLoad(component){
return() => import(/* webpackChunkName: "/chunk/" */ '../../components/' + component)
}
const routes =
浏览 8提问于2019-12-17得票数 1
回答已采纳
1回答
无法导入vuejs库
、、、、
我正在制作一个小小的vuejs图书馆，只是为了学习如何制作一个。让我们称之为swing，这就是文件的结构方式。
conf/、dist/、test/文件为空
我把这个图书馆推到了github，并把它发布给了npm。我在我的应用程序中安装了
npm install --save vuejs-swing
我可以看到它安装在package.json和node_modules文件夹中，但当我安装时：
import swing from 'vuejs-swing'
我知道这个错误：
ERROR Failed to compile with 1 errors
浏览 5提问于2017-11-16得票数 5
我正在用vue-cli 4制作一个多页面应用程序，这是我在中配置的一部分。
module.exports = {
...,
devServer: {
open: process.platform === 'darwin',
disableHostCheck: true,
index: '/index',
host: 'localhost',
port: 12000,
https: false,
hotOnly: fals
浏览 14提问于2021-09-18得票数 0
我已经使用NPM在我的项目中安装了Vue，现在我正尝试在一个名为main.vue.js的javascript文件中使用它。
但是，当我尝试导入Vue模块时，浏览器中出现以下错误：
GET http://localhost:3000/vue.esm 404 (Not Found)
main.vue.js：
import Vue from './vue.esm'
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
expor
浏览 1提问于2018-05-07得票数 0
我在Vue JS项目中有一个JSON文件，嵌套在文件夹结构中 src/assets/json/people.json 我正在尝试向App.vue文件中的json资源发出axios请求 export default {
name: "App",
data: function() {
return {
people: []
}
},
created: function() {
this.fetchPeople();
},
methods: {
fetchPeople: function() {
let
浏览 33提问于2019-12-23得票数 0
回答已采纳
以下是我的Razor页面代码：
@using System.Web.Optimization;
@{ BundleTable.Bundles.Add(
new ScriptBundle("~/Scripts/Vuejs")
.Include("~/Static/Scripts/Vuejs/vue.min.js")); }
@section Scripts {
@Scripts.Render("~/Static/vue/assets/bundle.js")
@Scripts.Render(&
浏览 14提问于2016-08-24得票数 1
回答已采纳
1回答
我正在尝试在我的应用程序上动态导入组件，我正在做的是： const app = new Vue({
vuetify,
el: '#app',
components: {
'MainComponent': () => import(
/* webpackChunkName: "components/js/MainPage/MainComponent" */
'./components/MainPage/MainComponent.vue'
浏览 11提问于2021-07-30得票数 0
回答已采纳
1回答
假设我的.gitlab-ci.yml文件中有以下步骤：
setup_vue:
image: ....
stage: setup
script:
- cd vue/
- npm install --no-audit
cache:
key: node-cache
paths:
- vue/node-modules/
我明白了；
Checking cache for node-cache-1...
No URL provided, cache will not be downloaded from shared cache server. Instead
浏览 0提问于2019-04-04得票数 1
我使用的是Matomo的Vue插件，可以在这里找到：https://github.com/AmazingDreams/vue-matomo 我在我的main.js入口文件中导入了VueMatomo插件，如下所示： import VueMatomo from 'vue-matomo'; 然后，我在main.js文件中将VueMatomo指定为全局方法，如下所示： Vue.use(VueMatomo, {
// Configure your matomo server and site
host: 'https://matomo.example.com',
浏览 37提问于2019-05-01得票数 2
1回答
我想用这个插件()展示一些国旗。
带有标志的文件夹位于：
.app/
../assets/flags <- HERE
../components
../layouts
.. etc
插件设置
// plugins/vueflags.js
import Vue from "vue";
import VueFlags from "@growthbunker/vueflags";
Vue.use(VueFlags, {
// Specify the path of the folder where the flags are stor
浏览 0提问于2021-12-03得票数 2
回答已采纳
我正在尝试安装和运行一个Vue项目。
首先，我做到了：
npm install
当我跑的时候
npm run dev
我收到以下错误
ERROR Failed to compile with 2 errors
These
浏览 0提问于2019-08-27得票数 0
回答已采纳
在我的vue(2.0)+ webpack项目中，我配置了vue-html-loader，但是在我的.vue文件中，img标签不能加载静态源图像。下面是我的webpack配置：
module: {
loaders: [
...
{
test: /\.html$/,
exclude: /node_modules/,
loaders: ['html', 'html-minify']
}
, {
test
浏览 1提问于2016-11-22得票数 5
我想将我的git存储库发布到npm，这样我就可以在其他项目中使用它。但是，当我运行npm publish命令时，会得到以下错误：
npm ERR! code E404
npm ERR! 404 Not Found - PUT https://npm.pkg.github.com/vue-toggle-component
npm ERR! 404
npm ERR! 404 'vue-toggle-component@0.1.0' is not in the npm registry.
npm ERR! 404 You should bug the author to publi
浏览 17提问于2020-10-29得票数 37
回答已采纳
Vue3版本已经过时，但我没有看到在新版本中使用旧组件代码的任何示例。怎么会这样?
这是我的index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Vue 3 Example using Vue 2 component</title>
<script src="https://unpkg.com/vue@next"></
浏览 3提问于2020-09-29得票数 5
当我使用vue-cli-service构建我的项目时，控制台提示： DONE Build complete. The dist directory is ready to be deployed.
INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html 我使用的命令是： vue-cli-service build 但是，该进程不会自动关闭。 通常，我不必担心这一点，但当我使用诸如jenkins之类的工具时，构建过程并未关闭，jenkins无法继续。 ? ?
浏览 298提问于2019-10-14得票数 0
我想在Go中创建一个简单的文件服务器，用于提供Vue.js应用程序的静态文件。
默认情况下，Vue.js有自己的使用npm run dev或npm run build的运行器。
关键是，当我使用自己的工具系统运行Vue.js应用程序时，它会将404 error退回到index.html。这样Vue-router就可以处理剩下的事情了。
我如何在Go中处理这个问题呢？
正如文档中提到的那样，我尝试了httprouter及其NotFound方法，但如果Router上没有定义的路由，它只提供静态文件。
浏览 3提问于2018-01-20得票数 7
我的单页Vue应用程序在my_domain.com/ My _ app /上运行，但是当我在任何地方刷新时，我会得到404/not (不在本地dev环境中)。我已经根据文档设置了一个.htaccess文件，我的路由器和vue.config.js文件是根据我对如何防止这种情况的理解来配置的，但是我仍然得到404文件。谁能帮我弄清楚这件事吗？(这都是根据 & Vue.js文档)
我的vue.config.js (相关节选)：
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ?
浏览 2提问于2020-06-02得票数 0
回答已采纳
我对Vue和现代网络开发非常陌生，所以我提前道歉。情况就是这样。
我正试着制作一个简单的酒瓶应用程序，在前面使用Vue和Vuetify。当我查阅有关如何将酒瓶嫁给Vue的教程时(就像这个)，它依赖于webpack，我可以让它正常工作。当我试图根据他们的的说明向项目添加Vuetify时，我发现它要求您必须遵循Existing Applications指南，因为该项目不是使用vue-cli3初始化的(参见bug report )。我试着遵循这些指令，但在几个小时后放弃了，但没有结果。
在阅读了webpack的文章后，我决定对于我的具体申请，我可以不使用它。于是，我回到了Vuetify快速启动指南，
浏览 0提问于2019-05-22得票数 2
回答已采纳
1回答
我正在Ubuntu20.04下设置开发环境，使用以下工具：
PhpStorm 2020.3作为IDE
CodeIgniter v4
Vue 3.x
顺风CSS+UI
我创建了一个测试项目，并遵循了我所做的文档：
npm install tailwindcss@latest
npm install @headlessui/vue @heroicons/vue
npm install vue@next
以及创建CodeIgniter项目框架的其他东西。然后我编写了一个简单的"Hello“Vue应用程序：
HTML
<!DOCTYPE html>
<
浏览 0提问于2021-07-25得票数 2
回答已采纳
我需要配置Vue/Vite以接受多个输入文件，并为每个输入文件生成一个输出包。每个捆绑包本质上是使用相同组件、样式、数据模型、支持服务(例如api、身份验证)等的不同路由和视图。 My directly的结构如下： /
/src
>>> customer portal
/src/portal/
/src/portal/index.html
/src/portal/app.vue
>>> admin dashboard
/src/admin/
/src/admin/index.html
/src/admin/app.vue
/src/admin/app.j
浏览 99提问于2021-11-02得票数 0
使用rails和Vue.js进行开发。
Vue.js使用离子图标，只有在调用某些方法时才会发送字体资产请求，如下所示：
vue_instance.$Message.error("some message");
在dev环境中，它工作得很好。但在生产环境中，我在请求字体文件时遇到了404错误。
如果字体请求是在css文件中写入，我可以预编译它们，并将引用标记更改为asset_path，它将在生产环境中工作。
但是这种情况又如何呢？
浏览 9提问于2017-03-16得票数 0
回答已采纳
我是NuxtJs的新手。我想测试nuxt-link是如何工作的，所以我故意将nuxt-link放在一个不起作用的路由上，希望被重定向到默认的404页面。我将下面这一行放入pages/index.vue文件： <nuxt-link to='/asksdkjd'>ssss</nuxt-link> 并且它像this:一样以铬合金显示 单击链接后，我在控制台中看到以下错误： ReferenceError: NuxtError is not defined
at Vue.errorChanged (App.js?efe7:173)
at Watcher.run
浏览 28提问于2020-09-11得票数 3
vue+webpack+aframe开局很好
嗨!我试图用vuejs来构建一个包含gltf模型的场景。
我的项目是使用vue cli和webpack模板建立的。
对于基本设置，如您所见，它正在按预期工作。
这是不快乐的部分。
对于默认设置，webpack不允许我需要gltf/glb文件。因此，我已经安装并使用文件加载器将其烘焙成静态的。
这是我在webpack.config.js中更改的部分。
{
test: /\.(glb)(\?.*)?$/,
use: [{
loader: 'file-loader',
浏览 1提问于2018-03-05得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
