Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Laravel如何导入通过NPM安装的vuejs包_Laravel_Npm_Vuejs2_Vue Component_Laravel 5.6 - Fatal编程技术网

Laravel如何导入通过NPM安装的vuejs包

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]:未知自定义元素:-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。 我试图解决

(免责声明:我对Vue不是很精通)

在我的项目中导入/包含Vuejs包的正确方法是什么?我似乎无法导入文件。 我正在尝试导入此包:

到目前为止我所做的:

运行命令:npm install vue select

已尝试将vue select软件包添加到我的vue中(如中所示) 资源/资产/js/app.js):

现在,当我在HTML文件中使用
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