在客户端使用NPM软件包与nuxt

我对nuxt和javascript还是很陌生,我试图弄清楚如何在客户端使用我的应用程序的依赖项。我在nuxt.config.js中列出了它们,并与npm一起安装。我在/plugins目录中也有一个文件可以导入它们(不确定这是否好)。这是我遇到麻烦的地方:我的/static目录中有两个脚本,需要利用我的npm软件包。在这些脚本中放置导入语句会导致错误。在页面vue文件的脚本部分中导入软件包也不起作用。如何在客户端页面中包含的脚本中使用npm软件包?

zdx1222 回答:在客户端使用NPM软件包与nuxt

您能否提供更多有关发生哪种错误以及尝试安装哪种软件包的信息?

在此示例中,我将向您展示如何将其包含在nuxt项目npm软件包 vuelidate

在安装vuelidate之后:

  1. 添加到nuxt.config.js
plugins: [
   { src: "~/plugins/vuelidate",mode: "client" },],
  1. 在我的插件文件夹(plugin / vuelidate.js)中创建vuelidate.js文件
import Vue from 'vue'
import Vuelidate from 'vuelidate'
Vue.use(Vuelidate);
  1. 之后,我可以在.vue组件中使用vuelidate(不必总是导入某些东西,因为在我们的第二阶段 Vue.use(Vuelidate)中,我们已经全局安装了vuelidate)
<script>
import { required,minLength } from "vuelidate/lib/validators";

export default {
  name: "OrderByLinkForm",components: {},...
};
</script>
本文链接:https://www.f2er.com/3166482.html

大家都在问