我使用@nuxt/strapi作为NuxtJS的Strapi的包装器。对于Nuxt中的Vuex,我使用了命名空间模块模式,所以我的结构看起来像这样:
store
├── user.js
├── posts.js
└── index.js
在Vue项目中,我会导入Vue,Vuex,也许是Axios,然后创建一个商店实例const store = new Vuex.Store(storeOptions),然后分派我的初始操作或从store/index.js内部进行一些API调用。
vue项目中的index.js示例:
import Vuex from 'vuex';
import
我使用npm安装包括一个客户端的插件,称为vue库,并按照说明加载它作为客户端只插件,如Nuxtjs文档中所述。这个插件可以正常工作,只有一个例外:如果我在导入插件的任何路径上按f5,Nuxt就会抛出一个“无效的或意外的令牌”错误。当您将插件定义为客户端和服务器端时,总是会抛出这个错误。如果直接在浏览器中键入URL,也会发生同样的情况。但是,当您使用应用程序链接导航到页面时,就不会发生这种情况。
请注意,这只是一个外部组件类型插件,而不是一个ES6插件。
vue-gallery.js
import Vue from 'vue'
import VueGallery from
我无法使用环境变量提供axios baseUrl。
我使用nuxt/vue/axios
我所拥有的大致是:
// axios.js
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
axios.defaults.baseURL = process.env.BASE_URL
Vue.use(VueAxios, axios)
和
// index.vue (front page as it appears on the client)
我正在用vue路由器将一个项目从Vue.js转移到Nuxt.js。
经过几个小时的尝试和谷歌搜索,我设法使一切正常工作,但我无法解决的一个问题是:**将i18n和vue-路由器与Nuxt.js **集成在一起。
两个我还无法解决的问题:
如何正确更新router.js文件中的i18n.locale?如何告诉nuxt-i18n我正在使用自己的路由器?它现在明显地抱怨Route with name 'XXX___en' does not exist.的每一个页面
在我的普通vue项目中,下面的代码可以工作,我可以在router.js中更改区域设置,它会传播和更新这个.$i18n。
我正在使用Nuxt.js构建我的应用程序。
我正在创建一个应用程序,将展示我们的所有组件的文档目的。我有以下几点:
<show-component name="my-component"></show-component>
然后我的Nuxt.js global.js文件导入并设置我的组件:
import ShowComponent from '../components/ShowComponent.vue'
import MyComponent from '../components/MyComponent.vue'
V
问题
我使用nuxt1.4进行路由,使用Jest进行单元测试。我的应用程序不会抛出错误,而且看起来工作得很好。然而,当运行我的单元测试npm run unit (运行玩笑)时,它会在终端[Vue warn]: Unknown custom element: <nuxt-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.中抛出一个错误。
期望
我希望它不会抛出这个错误,因为我的应用程序正在工
我的Nuxt.js网站有问题。我定义了一个页面,其中包含一个动态的段塞参数,如下所示:
/solutions/:slug
如果我在浏览器中直接访问该页面,它将正确加载!但是,如果我在NavBar组件中单击nuxt链接,就会在控制台中得到以下错误,并且页面不会加载:
vue.runtime.esm.js?2b0e:619
[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <Anonymous>
<Nuxt>
<h1>Hello people</h1>
我正在学习使用nuxt.js,我的问题是如何使用与使用nuxt.js创建的应用程序的默认结构不同的自定义目录
The issue: index.vue can't load .vue components from my components custom dir
在nuxt.config.file中,我有以下内容:
/*
**Custom directory structure configuration paths
**Change as desires
**Important Note: This
在我的nuxt应用程序中,在使用this.$router.push({ path: '/path' })改变路由后,我在火狐中获得了nodeOps.tagName(...) is undefined,在chrome中我得到了cannot get access to .toLowerCase() of undefined。
它发生在createPatchFunction of vue.runtime.esm.js版本:nuxt:^2.14.12, vue:^2.6.12中。
function createPatchFunction (backend) {
// ...
/
我希望有一个属性showLogo,它可以在调用方法hideLogo()时设置为false
import Component from 'nuxt-class-component'
import Vue from 'vue'
import { Prop } from 'vue-property-decorator'
import Logo from '~/components/Logo.vue'
@Component({
components: {
Logo
}
})
export default class e
我正在尝试将来自api的响应存储在一个变量info中,该方法位于Nuxt js应用程序的异步方法中。我得到了这个错误:Property 'info' does not exist on type 'Vue'。如果我将相同的Axios调用放入挂载,则不会出现错误。这就是我所拥有的:
<template>
<div>
{{ info }}
</div>
</template>
<script lang="ts">
import { Component, Vue } fr