如何让Bootstrap的Javascript在Vue (Gridsome)中工作？

文章/答案/技术大牛

发布

3回答

javascript、twitter-bootstrap、vue.js、bootstrap-4、vue-component

链接到我的网站： https://inspiring-curran-a31177.netlify.com/ 它使用的是Gridsome，Vue的静态站点生成器。我已经按照Gridsome文档中的说明安装了BootstrapVue：https://gridsome.org/docs/assets-css/ 控制台中没有Javascript错

浏览 69提问于2019-03-24得票数 1

2回答

TypeError在构建Vue.js项目时使用Gridsome

javascript、vue.js、webpack、vuejs2、gridsome

我正在使用Vue.js和Gridsome为自己创建一个投资组合。但是，当我添加了一个JSON文件以在站点中包含我的配置文件信息时，我遇到了一个问题。这就是我如何在Index.vue组件中导入文件的方式：import Intro from "~/components/Intro.vue";<Intro :personal="

浏览 4提问于2020-04-04得票数 2

回答已采纳

1回答

NodeJS不会导入非NodeJS文件

javascript、node.js、vue.js、webpack、commonjs

我的网站上有以下两个文件： import firebase(db)导入到gridsome-server.js中(我相信这是一个nodejs文件)。\vue\gridsome\vuetify-gridsome\node_modules\gridsome\lib\app\App.js:1

浏览 2提问于2019-12-02得票数 0

回答已采纳

1回答

从本地项目文件夹打开vue.js中的pdf文件时出错

vue.js、pdf、gridsome

我在一个投资组合网站上工作，当一个按钮被点击时，我需要从本地文件中打开一个resume.pdf文件，但是我不能让它工作。我正在使用gridsome和vue.js。我试着使用所提供的解决方案，但它们都没有真正起作用，每次我都得到了几乎相同的错误！我没有问题加载图像，但这个pdf文件只是不工作。该文件位于src -> assets -> resume.pdf中。请注意，我尝试过许多打开文件的

浏览 1提问于2020-05-24得票数 0

回答已采纳

1回答

AWS Vue Amplify - PreBuilt注销组件缺失

amazon-web-services、vue.js、aws-amplify、gridsome、aws-amplify-vue

我让Amplify with Cognito在我的Gridsome应用程序上登录用户，并按预期工作，但我注意到只有在没有包装<amplify-authenticator>标记的情况下，“注销”按钮才会出现这没有遵循，但除此之外，它似乎像预期的那样工作。下面是我如何在main.js中添加放大到我的Gridsome项目中： import Amplify,

浏览 20提问于2020-06-04得票数 0

1回答

我想在我的Gridsome项目中使用Bootstrap Material Design Library (https://fezvrasta.github.io/bootstrap-material-design不幸的是，jQuery和Popper.js不能工作(没有定义jQuery/popper.js)。使用默认的Bootstrap 4就像是一个charme。这是我的main.js： impo

浏览 55提问于2020-04-04得票数 1

1回答

Vue:如何在减价文件中引用环境变量？

vue.js、graphql、environment-variables、markdown、gridsome

我一直在寻找一种方法来访问标记文件中的环境变量。}/landjaeger)<iframe height="{{ process.env.GRIDSOME_HEIGHT }}" 在我的.env文件中，我能够引用环境变量，而不会在其他文件中出现任何问题中没有任何内容演示如何将全局文件传递给标记文件。当我研究这个网站和其他网站<

浏览 3提问于2020-10-27得票数 1

1回答

在Gridsome的嵌套路线？

vue-router、gridsome

在Gridsome中，我基本上是在寻找Vue的嵌套路由功能(或Nuxt的子视图)来实现这样的功能，例如/:userId/profile和/:userId/post。既然Gridsome使用Vue路由器，我相信应该有一个实现这一目标的方法在mywebsite.com

浏览 0提问于2019-08-20得票数 2

回答已采纳

1回答

Gridsome完整日历构建错误-无SSR

vue.js、fullcalendar、server-side-rendering、gridsome

我正在尝试在Gridsome项目中使用完整的Calendar vue组件()，如下所示： <div class="tabStaffManage">我知道完整日历不支持SSR。因此，根据Gridsome文档()，我这样做是为了导入组件：我在gridsome.

浏览 4提问于2020-06-11得票数 0

1回答

使用带有窗口的Gridsome服务器端呈现中断的Auth0身份验证未定义

javascript、vue.js、auth0、server-side-rendering、gridsome

我根据auth0 Vuejs与Gridsome的教程实现了它，它在开发中工作得很好。但是，当我运行gridsome build时，构建会失败，因为window在服务器上下文中是未定义的。我在Auth0-jslib中发现了一些问题，它们声称Auth0只应该在客户端使用，但是，由于Gridsome的工作方式，我似乎无法找到一种方法只在客户端加载Auth0-js。Gridsome

浏览 0提问于2019-05-25得票数 4

1回答

如何在网格中添加和使用vue-confetti

vue.js、plugins、vuejs2、gridsome

我在我的应用程序中使用vue-confetti包，但是它在构建时给出了下面的错误，我想知道如何克服这个错误，如何使它只在客户端使用Gridsome呈现。<anonymous> (node_modules/vue-confetti/dist/vue-confetti.js:1:210) at __webpack_require__ (webpack/bootstrap<

浏览 2提问于2019-12-27得票数 2

回答已采纳

2回答

使用ReferenceError生成失败:未定义窗口

gridsome

当我运行gridsome build时at Object.:1:77607)我的main.js把import只有在process.isClient为真时才应该导入gapi_client.js？我将main.js中

浏览 6提问于2020-04-24得票数 0

回答已采纳

1回答

Gridsome:错误:所需类型为"String!“的变量未提供

javascript、node.js、graphql、gridsome

对于包含节点的页面，这里是我在gridsome.server.js中所做的工作 createPage}<template> <h1 class="title

浏览 3提问于2021-11-25得票数 0

1回答

无法生成Gridsome项目:模式原因‘窗口未定义’错误

vue.js、vue-component、gridsome

我的项目在开发模式下运行正常，但在构建模式下运行失败。完整的错误是at Object./build.prod.js:1:77545) at /home/nestor/progs/gridsome_blog/node_modules/vue-server-renderer/build.prod.js我读到这是因为客户端渲染，但不明白在这种情况下

浏览 23提问于2020-02-13得票数 0

回答已采纳

1回答

使Vueper-Slides与Gridsome中的Markdown前置内容一起工作

javascript、vue.js、carousel、slideshow、gridsome

我为Vue JS安装了各种幻灯片/旋转木马，但一直在破坏我的构建，直到我遇到Vueper-Slides。使用Gridsome的$page.post.slides查询我的Markdown中最重要的元数据，我的图像数组如下所示： ---path: /my-title--- 在CarouselComponent.v

浏览 36提问于2020-09-12得票数 0

1回答

使用Gridsome修改Vue.js项目中的路由器元字段

vue.js、vue-router、gridsome

我正在尝试为Gridsome自动为我生成的路由指定一个meta object，如下所示： meta: { } 但是在Gridsome中没有一个普通的routes/index.js文件--只有在index.js中像这样公开的一个路由器对象： export default function (Vue, { router, head, isClient }) {}<em

浏览 10提问于2019-09-02得票数 0

1回答

为什么Vue绑定<g-image>中的javascript表达式不起作用？

vue.js、gridsome

我有一个必须动态绑定<g-image>标记的src属性的用例。我已经了解到我可以使用，所以我继续下去。为什么一个可以工作，而另一个不能，即使它们应该评估为相同的值？然后我计划将其用作<g-image :src="'~/images/'+imageName+'.png'" width="500"/>

浏览 3提问于2021-01-07得票数 0

1回答

在gridsome中发送Snipcart w/vue* meta的数据-api-键值*

gridsome、snipcart、vue-meta

我正在做一个eCommerce站点w/gridsome & snipcart。问题是，当我测试代码片段的签出时，它失败了。代码片段文档说要添加一行我将其添加到布局文件夹中的default.vue文件中。使用vue-meta将api-key-数据注入到main.js<

浏览 5提问于2020-01-07得票数 1

11回答

向Vue* CLI项目添加引导程序*

twitter-bootstrap、vue.js

总的来说，我是Vue和webpack的新手，我很难弄清楚如何进口东西。我通过vue init创建了一个新的Vue项目，我用yarn add bootstrap@4.0.0-alpha.6添加了引导程序4import Vuefrom 'vue';im

浏览 0提问于2017-03-09得票数 50

回答已采纳

1回答

使用Gridsome从Vue组件访问查询到的数据

vue.js、graphql、static-pages、gridsome

我只有一个Gridsome项目设置和一些JSON数据，我正在尝试全局定义它，这样我就可以从我所有的Vue页面和组件访问它。(我知道它可以导入到组件中，但我正在寻找更多的"Gridsome方式“来做到这一点)。为了实现这一点，我已经完成了以下步骤： 1)为Json文件创建一个文件夹：data/myJson.json。myJson.startPage.subtitle, }

浏览 15提问于2019-02-22得票数 6

回答已采纳

点击加载更多