我试图用通常的vuetify/lib引用import Vuetify from "vuetify/lib"，但当我引用时，应用程序会在IE11中使用SCRIPT1003: Expected ':'。
如果我更改对import Vuetify from "vuetify"的引用--没有/lib部分--它不会抛出错误。
请注意，我实际上还没有在任何地方使用vuetify。我没有一个Vuetify组件或调用；我只是在添加库。
现在，表面上我已经得到了IE11包含并愉快地进行了分析，所以我想使用其中的一些组件。如果我在模板中添加了任何vuetify组件，
浏览 0提问于2019-10-03得票数 5
回答已采纳
我正在尝试在我的(新鲜)Vue项目中包含Bootstrap。我使用过Bootstrap 3插件(vue add bootstrap-vue).使用npm run serve启动应用程序会导致以下错误：
Failed to compile.
./src/App.vue?vue&type=style&index=0&lang=scss& (./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!.
浏览 2提问于2021-09-11得票数 0
回答已采纳
到目前为止，我已经和Grunt一起使用了sass，其结果是我将x .scss文件编译成style.css。
我在React中只做了一个项目，这是我第一次使用Vue.js，所以我想了解一些事情。
如果我想将css样式包含在与Vue组件相同的文件中，我只需使用
<style lang="sass">
@import '_card.scss'
// Custom CSS code here
</style>
据我所知，Vue从所有.vue文件中获取所有样式，并将其编译成style.css。但既然我不确定，我就问这个；
是否在运行时
浏览 2提问于2017-08-10得票数 3
回答已采纳
嗨，大家好，我是一个全新进入Vue世界的人。 我正在构建一个具有Rails API后端和Vue前端的应用程序。 我正在尝试使用切换开关(在这个repo Git Hub中找到)将true属性发送回我的模型，并在页面上打开一个隐藏的div。 现在我得到了这些错误，我不知道如何继续。我认为我没有理解他们的文档，因为我读过他们的文档，但并不真正理解我需要做什么。 vue.esm.js?efeb:1897 RangeError: Maximum call stack size exceeded
at VueComponent.Vue._render (vue.esm.js?efeb:3553)
浏览 30提问于2019-05-11得票数 0
1回答
Vue未应用样式类
、、、
我有一个单文件组件，这些组件是用以下的Webpack配置构建的：
const { VueLoaderPlugin } = require('vue-loader');
module.exports = {
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader'
},
{
test: /\.(png|jpg|gif)$/i,
use: [
{
loader
浏览 18提问于2019-03-27得票数 1
我有一个MPA应用程序，其中vue.js作为应用程序的一部分。我有一个非常简单的测试设置，在这里：
模板的相关部分
....
<div id='app-basket-checkout'>
<h1>Better Be Here</h1>
</div>
....
pageBasketCheckout.js (本质上是我的app.js)
import Vue from 'vue'
import AppBasketCheckout from './BasketCheckout.vue'
import
浏览 2提问于2021-02-26得票数 1
3回答
我正在尝试将以下SASS变量导出到我的Vue项目中的Javascript中。
_export.sass
:export
colorvariable: blue
othercolorvariable: red
我以模板的形式跟踪中的响应。但是，当我试图导入下面的sass文件时.
About.vue
<script>
import styles from "@/styles/_export.sass";
export default {
name: "About",
data() {
return { s
浏览 5提问于2020-04-30得票数 9
回答已采纳
我正在试验单个文件的.vue组件，我的第一个成功的构建让我惊讶于组件样式的范围。一般来说，我的印象是，单个文件组件将是独立的，包括其组件的范围。
组件.vue文件是
<template>
<div>
Hello {{who}}
</div>
</template>
<script>
module.exports = {
data: function () {
return {
who: "John"
}
}
}
浏览 3提问于2017-07-25得票数 3
回答已采纳
我有一个生产中的Vue组件和一个测试环境。在生产中，它在一个wordpress主题中，我得到了错误： jquery.min.js:2 Uncaught RangeError: Invalid string length
at repeat$1 (vue.js:11398)
at generateCodeFrame (vue.js:11380)
at vue.js:11467
at Array.forEach (<anonymous>)
at compileToFunctions (vue.js:11464)
at Vue.$moun
浏览 125提问于2019-02-06得票数 3
回答已采纳
1回答
试图将vue (和SFCs)添加到我的webpack应用程序中。<template>和<script>块可以很好地工作，但是由于某种原因，<style>块中的样式没有被提取用于生产构建。
在dev构建中，它将.vue <style>块提取为一个单独的css文件(以入口点命名)。这是好的，但我更希望他们进入我的主要样式表。
但是，无论我如何尝试，我都无法获得(在任何文件中)用于生产构建的任何.vue样式。
这是我的webpack配置的简写版本：
const HtmlWebpackPlugin = require("html-webpack-
浏览 1提问于2018-12-12得票数 2
我有一个相当复杂的SPA Vue.js应用程序，是用Vue CLI v3创建的。我想转换这个应用程序以从SSR中受益(虽然我可能只使用婚前协议.)
我的应用程序也使用用CLI v3创建的定制Vuejs库。这些lib包含CSS，我想继续这样做。
我可能读过世界上在Vue cli，vue-加载程序，vue风格的加载器，vue.config.js，提取css等上产生的所有东西，但是我一直失败。
以下是我加载给定路由时运行的应用程序的错误消息：
ReferenceError: document is not defined
at addStyle (/Users/onekiloparsec/c
浏览 1提问于2019-07-18得票数 7
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
1回答
我正在使用Vue和sass-loader，并且有一个相同样式的问题被多次注入到页面中。我正在使用SCSS，并尝试将所有部分导入到一个SCSS样式表中，然后将该样式表导入到我的main.js文件中，让Webpack来处理它，但它仍然在做同样的事情。我尝试将每个部分单独导入到我的Vue配置文件中，但没有任何变化。
(所有这些样式标签都会重复)
这是我当前的配置：
vue.config.js
css: {
loaderOptions: {
scss: {
additionalData: `
@import "
浏览 10提问于2020-08-01得票数 0
1回答
我正在尝试在vue.js，scss和webpack (服务器端是express.js，TS)开始一个新的项目。从以前的项目中传输配置，其中一切都正常工作。在我看来，一切都是对的。构建成功...但是浏览器不会应用我的样式。我不明白我设置错了什么！
app.js：
import Vue from 'vue'
window.Vue = require('vue');
import './scss/index.scss'
import Signin from './Signin.vue'
const app = new Vue({
浏览 0提问于2020-09-09得票数 0
1回答
Vue-Dragula不显示动画
、、、、
我只是在试验，这就是我所做的：
let vm = new Vue({
el: '#wrapper',
data: {
colOne:["hi", "you"]
},
methods:{
onClick:function(){
alert()
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></sc
浏览 25提问于2021-02-21得票数 0
回答已采纳
我正在构建一个简单的VueJS应用程序，并自行设置Webpack (不是使用VueJS默认Webpack)。
webpack.config.js如下：
module.exports = {
entry: ['./main.js'],
module: {
rules: [
{
test: /\.vue$/,
exclude: /node_modules/,
loader: 'vue-loader',
浏览 4提问于2021-05-25得票数 1
我试图使用"vue.config.js“文件加载一个全局scss
vue.config.js
module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `@import "@/assets/common.scss";`
}
}
}
}
如果在我的App.vue中使用任何代码打开样式标记，如下所示：
App.vue
<style lang="scss">
#app{
display: block;
}
</style>
浏览 2提问于2021-03-26得票数 1
4回答
我最近开始使用Vue.js，我真的很喜欢它，但是我遇到了一些我不知道该如何做的事情。我已经搜索和阅读了文件，但没有找到解决办法。
当您向任何组件中添加CSS类时，Vue.js将自动添加或合并CSS类和子组件中的根元素。
这是一个很好的特性，但是我需要为特定的组件禁用这个特性，因为我希望将类添加到根元素的子元素中。
我做这把小提琴是为了说明
<div id="demo">
<child-component class="some-class"></child-component>
</div>
(“某些类”将自动
浏览 16提问于2017-03-31得票数 0
回答已采纳
1回答
我试图从webpack的文件夹中导入一个第三方min和min，但是我找不到webpack的这个文件夹。
我的结构是
-node_modules
-src
-lib
-min.js
-css
-min.css
但是我认不出这个lib文件夹。我在我的webpack.config.js上尝试了化名
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js',
'lib': './lib/'
}
},
我试过resolve.modules：
浏览 4提问于2017-07-26得票数 2
回答已采纳
当在<style></style>文件中添加.vue时会发生这种情况。
[Vue warn]: Error in beforeCreate hook: "ReferenceError: document is not defined"
我主要是基于教程网站编写代码。
src/App.vue
<template>
<div class="red">Hello from App.vue</div>
</template>
<script>
export default { name:
浏览 7提问于2020-11-10得票数 1
回答已采纳
1回答
我正在尝试使用Vue.js，而不需要构建步骤。但是Vue没有样式属性。
因此，我想在Vue组件实例上创建一个自定义的“样式”属性，然后在创建或挂载组件时将该属性的内容注入DOM中。
唯一的问题是我不知道怎么做。(我看了插件文档)。我需要创建某种插件，首先检查“样式”属性是否存在，然后将其插入DOM中。另外，我不想使用Vue.component()函数，因为我想使用ES6导入和导出。结果如下所示：
// MyComponent.js
export default {
template: `<div>My component</div>`,
style: `
浏览 1提问于2019-07-08得票数 2
回答已采纳
2回答
我在学Vue js。我用CDN中包含的Vue创建了一个应用程序，我想知道如何向它添加一个<style>。
我可以以template: `<div>Vue js 3</div>`的形式编写模板，但是"style": " ... "字符串可以以同样的方式添加到组件JS中吗？
export default {
data() {
return {
count: 0
}
},
methods: {
increment() {
this.count++
},
},
浏览 1提问于2022-02-28得票数 1
我创建了一个webpack-简单的项目，如这里解释：。
接下来，我用npm install vue-codemirror --save安装了vue-codemirror ()。在main.js中，导入和使用vue-codemirror。
import CodeMirror from 'vue-codemirror';
Vue.use(CodeMirror);
但是，运行npm run dev会产生所有codemirrror的错误。所有的错误都是这样的：
ERROR in ./~/codemirror/addon/dialog/dialog.css
Module parse fa
浏览 11提问于2016-12-10得票数 0
回答已采纳
我的项目正在运行node-sass，但我决定将其更改为sass (dart-sass)，因为我不想为了运行npm install而安装python、g++和make，因为node-sass会迫使你这样做。
所以我跑了
$ npm uninstall node-sass
$ npm install sass
运行npm run build (vue-cli-service build)运行良好，但我在npm run test:unit (vue-cli-service test:unit)上的持续集成失败。
下面是完整的错误：
FAIL tests/unit/example.spec.ts
浏览 35提问于2021-05-14得票数 1
默认的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
WebStorm只识别来自VueMaterial的HTML标签，其余的没有在弹出窗口中列出，使用它们后，我得到未知的<md-list-item>标签警告。
我的main.js是这样的：
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css'
import App from './App'
Vue.config.productionTip = false
浏览 2提问于2017-05-18得票数 2
1回答
在单元测试带有一些scss样式的vue单文件组件时，我遇到了一个问题，因为它无法处理@import语句。当我使用yarn run dev或build for production yarn run build运行启动应用程序时，问题只出现在单元测试模式下，并且我的设置在执行测试之前使用mochapack运行webpack。 WEBPACK Compiling...
[=========================] 98% (after emitting)
ERROR Failed to compile with 1 errors
error in ./src/co
浏览 55提问于2020-04-21得票数 4
我正在使用BootstrapVue，并且已经按照文档进行了设置。我看到的是，对于我的Vue应用程序中使用BootstrapVue组件的每个组件，我都将Bootstrap嵌入到我呈现的HTML中。在本例中，我添加了27个相同样式表的实例。 我看不出问题出在哪里。 这是我的main.js文件 import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import { BRow,
浏览 53提问于2020-06-26得票数 1
回答已采纳
1回答
使用新安装的Laravel5.3，包括Vue.js并配置为开箱即用：
this.$http.get(url)返回错误：
TypeError:这个$1.$http是未定义的
用Vue.http.get(url)...替换它会发出请求，但无法发送飞行前选项：
CORS机头“访问-控制-允许-报头”中缺少令牌“x-csrf-令牌”
app.js：
require('./bootstrap');
Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('#token'
浏览 3提问于2016-12-11得票数 1
使用Vuetify 2和Storybook 6(源https://github.com/lydonchandra/vuetify2storybook6 ) 组件渲染得很好，但在第一次渲染组件时，由于vm.$vuetify.icons未定义，因此始终出现此错误TypeError。 不确定我错过了哪个故事书-实例化初始化桥？ TypeError: Cannot read property 'component' of undefined
at remapInternalIcon (vuetify.js:44048)
at VueComponent.getIcon (vuetify
浏览 87提问于2021-01-25得票数 0
我正试图与webpack一起构建一个Vue项目，但我在控制台上遇到了一个错误。
Vue警告:未能挂载组件:模板或呈现函数未定义。
这是我的密码：
webpack.config.js
var Webpack = require('webpack');
var path = require('path');
var rootPath = path.resolve(__dirname);
module.exports = {
entry: [
'webpack-dev-server/client?http://localhos
浏览 4提问于2017-06-19得票数 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
我使用以下命令行创建了一个由最新的 (vue 3.5.1)创建的vue应用程序：
vue ui
这是我的文件夹结构：
app_vue：
( node_modules )
X-公共部门
\x{e76f} src：
.资产
\x{e76f}.组成部分：
|---------List.vue
-利布斯：
分页
*- css：
( pagination.css )
？
( pagination.js )
\x{e76f}
在我手动创建之前，libs文件夹并不存在。
我还创建了大量的vue.config.js文件，但是我不知道应该在这里添加什么。
const path = require(
浏览 0提问于2019-03-18得票数 1
我想在我的nova上使用这个实现一个用户指南。
我将文件webpack.mix.js.dist更改为webpack.mix.js (在nova目录中)。
然后我做了：
npm install
npm run watch
并对/nova/resources/js/view/index.vue以及/nova/resources/js/components.js进行了一些更改。
/nova/resources/js/components.js
import VueShepherd from 'vue-shepherd'
Vue.use(VueShepherd)
/nova/reso
浏览 3提问于2021-03-10得票数 3
回答已采纳
我可以在app.js中导入方框图标。
import {createApp} from 'vue';
import app from "../vue/app";
import {library} from '@fortawesome/fontawesome-svg-core';
import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
import {faWrench} from '@fortawesome/free-solid-svg-icons';
浏览 9提问于2021-12-15得票数 2
回答已采纳
1回答
我已经使用vue-cli生成了示例Vue.js项目，并通过 vue build --target lib --name myWidget src/main.js 我必须使用Requirejs来加载它： <script>
requirejs.config({
paths: {
"Vue": "https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue",
"myWidget":
浏览 23提问于2019-03-02得票数 3
回答已采纳
我正在试用Vue (安装了webpack )，并想知道导入CSS的方法有什么不同。似乎有三种方法可以导入CSS：
在headers中导入样式表：<link type="text/css" rel="stylesheet" ... >
从JS文件(例如main.js)导入css文件：import '@/assets/css/app.cs' / require
在Vue样式标记中导入css文件：<style>@import '...'</style>
在哪种情况下，我们要使用一种
浏览 1提问于2017-12-02得票数 0
回答已采纳
1回答
我有Vue组件的TypeScript库，它和Webpack一起编译成了一个JS文件。使用该库的TypeScript项目也依赖于Vue。在运行应用程序时，我可以看到加载了两个vue实例，一个包含在库包(/node_modules/my-lib/dist/index.js)中，另一个来自项目的node_modules (/node_modules/vue/dist/vue.esm.js)。 库的webpack.config.js： const path = require('path');
module.exports = {
entry: './src/inde
浏览 58提问于2020-07-21得票数 0
1回答
我刚刚开始使用vue.js，但有一个概念仍然令人困惑。 导入一个vue.js“组件”和一个css文件有什么不同？ 以bootstrap和vue-bootstrap为例。我两个都需要吗？只有一个？哪一个? 对我来说，如果我想要将bootstrap用作<b-link>之类的vue组件，就需要导入vue-bootstrap。如果我想在常规的html标记中使用它，那么我还需要导入.css。
浏览 7提问于2019-04-19得票数 1
回答已采纳
我的webpack配置有什么问题吗？我在网上随处可见教程，说的都是同样的配置方式。但我想我一定是错过了什么。
webpack.common.js
const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
// const HtmlWebpackPlugin = require('html-webpack-plugin');
function resolve (dir) {
return path.join(__dirna
浏览 1提问于2018-11-14得票数 0
回答已采纳
1回答
在我的app.js上，在laravel上，我导入了一个库，它使用Bootstra4
app.js
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css' //Bootstrap 4.3.1
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
const files = require.context('./', true, /\.vue
浏览 0提问于2019-05-27得票数 1
我正在开发一个chrome扩展，并在我的Vue文件上使用Bootstrap-Vue。目前，我将bootstrap/bootstrap-vue导入到我的js文件中，但这会导致样式在全局级别上发生。理想情况下，我希望有一种方法使bootstrap只作用于我插入的文件。有没有办法在Vue文件的部分做到这一点？ //在.js文件中 import VModal from 'vue-js-modal'
import BootstrapVue from 'bootstrap-vue'; //我在Vue文件中尝试过，但没有显示任何效果 <style scoped sr
浏览 25提问于2019-05-24得票数 3
我正在尝试将这个库https://github.com/vue-gapi/vue-gapi/tree/releases/v1安装到我的vue2项目中，所以我完全按照页面的要求进行了安装。所以在运行npm install --save vue-gapi之后，我添加了 import Vue from 'vue'
import VueGapi from 'vue-gapi'
Vue.config.productionTip = false
Vue.use(VueGapi, {
apiKey: 'myapikey',
clientId: &#
浏览 25提问于2021-11-09得票数 1
回答已采纳
首先，请原谅我的英语不好，我正在使用谷歌翻译。
最近刚开始工作，我想把公司的代码变成本地主机，这样更方便开发。
我不知道发生了什么。我试着删除node_modules并重新安装，我也尝试过npm重新构建节点-sass，我仍然不知道哪里有问题。
Failed to compile with 19 errors:
浏览 7提问于2019-10-13得票数 0
4回答
我用vue-cli创建了一个新项目，然后用vue add vuetify添加了vuetify。打开网站看到了
我尝试过在没有实际App组件的情况下安装应用程序，但问题仍然存在。只有当我删除import './plugins/vuetify'时，它才会消失。
main.js
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
render:
浏览 0提问于2019-07-10得票数 15
回答已采纳
2回答
我试图在HTML文件中使用Vue作为独立脚本，但是它使我的内联svg图标变成了实心填充的方块。我已经尝试了Vue 2和Vue 3作为独立脚本，并且都给出了相同的行为。
虽然我已经找到了解决Vue的svg问题的解决方案，涉及webpack加载程序的配置，但我正在寻找一种方法来重新处理svg问题，而无需任何构建步骤，并且只使用Vue作为独立脚本。
注意，svg图标是直接从复制的。
<!DOCTYPE html>
<html>
<head>
<title>Parcel Sandbox</title>
<meta c
浏览 8提问于2022-07-13得票数 -1
我正在使用Vue.js开发一个渐进式web应用程序。
在我进行开发时，我使用命令npm run dev来启动为上的文件提供服务的本地服务器。当我想要为生产环境进行构建时，我使用npm run build prod，它在project\dist中生成输出文件。然后，我将这些文件复制到ISS上，该ISS被配置为使用单页应用程序。到目前为止一切都很好。
我注意到开发版本和产品版本在应用程序外观(css)上有一些不同。首先，我认为这可能是因为客户端缓存，但在几次尝试清理缓存和无缓存加载后，我确信缓存不是这里的问题。输出确实是不同的。
老实说，除了几个次要的css部分，我不确定是否还有其他不同之处。我在
浏览 3提问于2018-04-10得票数 3
1回答
我有一个Vue-CLI网络应用程序，需要支持IE11。在package.json中，我们设置了：
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8",
"ie 11"
]
这似乎适用于生成的app.x.js文件:例如，它们不包含任何...运算符。
但是，生成的chunk-vendors.x.js确实包含...运算符，因此在IE11上失败。
Package.json的相关部分：
"devDep
浏览 0提问于2019-03-13得票数 8
回答已采纳
我已经安装了vuetify.js，但在webpack的配置中出现了错误。
我已经更改了webpack的v4配置，也安装了节点sass和sass加载程序。
Webpack.config.js
{
test: /\.(s*)css$/,
loader:['style-loader', 'css-loader', 'sass-loader']
}
这是错误
错误在./node_node/vuetify/src/样式/main.sass 3:0模块解析失败:意外字符'@‘(3:0)您可能需要一个适当的加载程序来处理此文件类型。@
浏览 3提问于2019-09-25得票数 2
我使用的是Vuetify.js 2.0.10中的数据表。页脚在IE11中显示不正确，如下所示。 ? 我读了这份文件。https://vuetifyjs.com/en/getting-started/quick-start#ie-11-safari-9-support 我安装了babel-polyfill和@/babel/preset-env，然后配置了babel.config.js和vue.config.js，如下所示。 package.json {
"name": "table-test",
"version": "0.1.0
浏览 14提问于2019-08-26得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
