- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
sass 文件 Vuetify 内部出错。我试图将依赖项放在版本下方,但没有帮助。该怎么办?
ERROR in ./node_modules/vuetify/src/styles/main.sass (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-1-3!./node_modules/sass-resources-loader/lib/loader.js??ref--6-oneOf-1-4!./node_modules/vuetify/src/styles/main.sass)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Expected identifier.
╷
34 │ .v-application .red.#E82550{
│ ^
╵
node_modules/vuetify/src/styles/generic/_colors.scss 34:29 @import
node_modules/vuetify/src/styles/generic/_index.scss 2:9 @import
node_modules/vuetify/src/styles/main.sass 38:9 root stylesheet
请看我的 Package.json
{
"name": "test",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate"
},
"dependencies": {
"@nuxtjs/axios": "^5.12.2",
"@nuxtjs/dotenv": "^1.4.1",
"@nuxtjs/laravel-echo": "^1.1.0",
"@nuxtjs/style-resources": "^1.0.0",
"@nuxtjs/svg": "^0.1.12",
"cookie-universal-nuxt": "^2.1.4",
"core-js": "^3.7.0",
"lodash.clonedeep": "^4.5.0",
"nuxt": "^2.14.7",
"pusher-js": "^7.0.1",
"vue-fullscreen": "^2.1.6",
"vue-perfect-scrollbar": "^0.2.1"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@nuxt/types": "^2.14.7",
"@nuxtjs/vuetify": "^1.11.2",
"babel-loader": "^8.2.1",
"node-sass": "^4.14.1",
"sass-loader": "^10.0.2"
}
}
nuxt.config.js
export default {
// Disable server-side rendering (https://go.nuxtjs.dev/ssr-mode)
ssr: false,
// Global page headers (https://go.nuxtjs.dev/config-head)
head: {
title: 'nlmk--front',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
styleResources: {
sass: [
'./assets/styles/sass/_variables.sass',
'./assets/styles/sass/_mixins.sass',
]
},
// Global CSS (https://go.nuxtjs.dev/config-css)
css: [
'./assets/styles/sass/_reset.sass',
'./assets/fonts/roboto/roboto.css',
'./assets/styles/sass/default.sass',
],
// Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
plugins: [
'~/plugins/resize',
//'~/plugins/vuetify',
'~/plugins/fullscreen'
],
vuetify: {},
// Auto import components (https://go.nuxtjs.dev/config-components)
components: true,
// Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
buildModules: [
'@nuxtjs/vuetify',
],
// Modules (https://go.nuxtjs.dev/config-modules)
modules: [
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios',
'@nuxtjs/svg',
'@nuxtjs/style-resources',
'cookie-universal-nuxt',
'@nuxtjs/laravel-echo',
],
// Axios module configuration (https://go.nuxtjs.dev/config-axios)
axios: {
debug: false,
retry: { retries: 3 },
baseURL: process.env.API_URL
},
// Build Configuration (https://go.nuxtjs.dev/config-build)
build: {
extend(config, { isDev, isClient, isServer }) {
if (!isDev) {
config.output.publicPath = '/_nuxt/'
}
}
}
}
sass 文件 Vuetify 内部出错。我试图将依赖项放在版本下方,但没有帮助。该怎么办?
最佳答案
有类似的错误。这很烦人,因为它带有“默认”项目 vue create prj
/vue add vuetify
从 vuetify 页面复制粘贴 v-select 的示例后...
我看过的其他帖子建议使用 sass 而不是 node-sass,但我已经在这样做了。 (检查您项目的 package.json
文件)
我发现我遇到的类似问题的解决方案是安装旧版本的 sass:
npm install sass@1.32.8
关于vue.js - Vuetify SassError : Expected identifier,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65003886/
有没有办法覆盖 Vuetify carousel 下一个/上一个图标上的样式?我看到有些字段可以使用自定义字段,但我想保留默认的 $vuetify.icons.next 并只更改其颜色。 最佳答案 在
我想要一个 option group (如 this )在 vuetify select 上. 那可能吗?如果是,我该怎么做? 最佳答案 过时 :请参阅下面的@DevNik 答案以了解正确实现 您可以
使用 vuetify expanded table但展开箭头在左侧显示为第一项。我怎样才能最后显示它(右侧),如 Expandable rows 所示例子?
我是 Vuetify 的新手(有史以来的第一个项目),我正在尝试在列粘性顶部内设置一张卡片。不幸的是没有按预期工作。我也尝试使用 vue-sticky-directive 中的 v-scroll 指令
我的 vuetify v-data-table 有很多列。现在它会自动压缩到屏幕尺寸。而不是我想要的是向我的 v-data-tale 添加水平滚动条。之前在 1.5 版中存在,但在版本 2 中不存在。
我从 Vuetify 导入了数据表组件,除了 Rows per page 部分之外,它工作正常。它不会打开应包含 [5, 10, 20] 的列表来重新组织数据表。 照片中的更新这是错误,选项列表显示在
怎么设置vuetify嵌套列表默认关闭?文档示例显示了嵌套列表功能,但在添加到应用程序时默认情况下会打开嵌套列表。 https://vuetifyjs.com/en/components/naviga
我知道这个问题 change-default-font-in-vuetify在 SO,但它没有解决我的问题,因为它是在 vue-cli-3 出现之前发布的,所以那里的想法在这里并不适用,官方文档来自
我正在使用 nuxt.js 和 vuetify 创建一个网站,我想将 bool 复选框文本的颜色更改为黑色,默认情况下为白色,请参阅 here !我怎样才能改变颜色? 我已经尝试过使用类 black-
我正在使用 nuxt.js 和 vuetify 创建一个网站,我想将 bool 复选框文本的颜色更改为黑色,默认情况下为白色,请参阅 here !我怎样才能改变颜色? 我已经尝试过使用类 black-
以前(我认为?)可以将 HTML 放入 vuetify 提示中,但对我来说这不再有效。例如,在我的一个组件中我有: Red hint" /> 此提示以前显示为红色,但现在我看到了完整的 HTML 代码
当 v-data-table 在移动 View 上时,项目之间的分隔线不清晰。如何自定义此分隔线,例如线宽和颜色? 我想做的: Custom divider on mobile view 来自 vue
我想整体更改数据表的背景颜色。我不想使用深色主题或浅色主题。即使使用 !important 或使用可用类,我似乎也无法更改它。 最佳答案 只需添加相关的颜色类,例如class="primary"或 v
我正在尝试将对话框和 snackbar 的使用与 VueJS 结合起来。问题如下: 预期行为: 我应该能够在不关闭对话框的情况下关闭 snackbar 现在发生了什么: 单击 snackbar 时正在
如果不使用 vuetify fork,我无法找到一个好的解决方案,它不稳定并且无论如何似乎都是旧版本。我会在评论中链接到它。 我能想到的唯一方法是将两个数据表并排排列,这本身就会产生问题。我知道还有其
我需要一个 v-text-field用户可以在其中输入他们通过短信收到的确认码。即使用户没有写大写字母的意图,该字段的内容也应该全部自动转换为大写字母。 最佳答案 您可以使用 keyup事件大写是这样
我正在尝试创建一个搜索输入字段,其中包含下拉列表中先前搜索的历史记录,例如 Intellij 编辑器中的搜索字段。 我是 Vuetify 的新手,从我目前看到的情况来看,Combobox 是最好的组件
v-select允许添加append-outer-icon,但是如何在点击该项时强制展开图标列表? @click:append-outer 允许添加回调函数,但我在 openSelect 中做了什
我的代码是这样的: OK 演示是这样的:https://codepen.io/positivethinking639/pen/GRRNzVE?
单击(例如)此页面上的任何 CodePen 链接:https://vuetifyjs.com/en/components/navigation-drawers 注意无样式内容的闪光。你如何消除这个?
我是一名优秀的程序员,十分优秀!