Laravel如何导入通过NPM安装的vuejs包
(免责声明:我对Vue不是很精通) 在我的项目中导入/包含Vuejs包的正确方法是什么?我似乎无法导入文件。 我正在尝试导入此包: 到目前为止我所做的: 运行命令:npm install vue select 已尝试将vue select软件包添加到我的vue中(如中所示) 资源/资产/js/app.js): 现在,当我在HTML文件中使用Laravel如何导入通过NPM安装的vuejs包,laravel,npm,vuejs2,vue-component,laravel-5.6,Laravel,Npm,Vuejs2,Vue Component,Laravel 5.6,(免责声明:我对Vue不是很精通) 在我的项目中导入/包含Vuejs包的正确方法是什么?我似乎无法导入文件。 我正在尝试导入此包: 到目前为止我所做的: 运行命令:npm install vue select 已尝试将vue select软件包添加到我的vue中(如中所示) 资源/资产/js/app.js): 现在,当我在HTML文件中使用v-select时,在控制台中会出现以下错误:[Vue warn]:未知自定义元素:-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。 我试图解决
v-select
时,在控制台中会出现以下错误:[Vue warn]:未知自定义元素:-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。
我试图解决的问题是:
我没有在app.js中使用它,而是在我的*.vue文件中使用它,我想我没有使用webpack/browserify,所以导入不起作用:/I我不喜欢使用browserify
我还有vue资源包,它在我的public/js目录中创建了一个vue-resource.js文件,我可以导入该文件以使用vue资源。vue select似乎没有创建自己的vue-select.js文件
如果你有任何建议,请告诉我
我已经看了这个问题:但我不明白这些行应该添加到哪些路径和文件中。我认为这是hust的
导入
语句。如果您是通过npm安装的,则应从vue选择导入。另外,使用require
代替import
,方法如下:
Vue.component('v-select', require('vue-select'));
您可能只想在Vue组件中使用它,然后应按照上面的说明加载您自己的组件,并在您自己的Vue组件中说VueSelect.Vue
使用以下命令:
<template>
<!-- use it with name 'v-select' in your component -->
<v-select></v-select>
</template>
<script>
export default {
...
components: { vSelect: require('vue-select') },
...
}
</script>
并在根组件中使用它:
<vue-select></vue-select>
如果您正在对js文件进行更改,则不希望反复运行此命令,因此可以运行watch
命令:
npm run watch
如果这对您不起作用,请尝试watchpoll
。Als,请首先确保已安装所有依赖项:
npm install
感谢您的快速回复,我现在已将app.js文件更改为与'vue-select'
匹配,而不是/components/select.vue
,并将此添加到我的*.vue文件中:`import vSelect from'vue select';`和组件:{vSelect}
。但是,当我现在运行我的页面时,它会在“vue select”中的vSelect处给出此错误Uncaught SyntaxError:Unexpected identifier
代码>尝试使用require
而不是import
require vSelect from'vue select'代码>在my*.vue文件中?这在IDE中给出了一个错误,但在我刷新页面时仍然是相同的错误。我已更新了我的答案,请尝试,如果您有任何错误,请告诉我。我是否必须安装webpack/browserify才能使其工作?
npm run dev
npm run watch
npm install