webpack 如何使用nice-select 2?

wmvff8tz  于 2023-11-19  发布在  Webpack
关注(0)|答案(1)|浏览(154)

链接到插件https://github.com/bluzky/nice-select2/tree/master
我无法连接nice-select 2,我从dist文件夹添加了css和js文件到我的项目,连接它们并从文档中写了一行。我使用webpack和PUG,但我得到一个错误,NiceSelect未定义。我做错了什么?
网络连接css

  1. link(rel='stylesheet' href=require('../assets/css/nice-select2.css'))

字符串
连接js

  1. script(src=require('../assets/js/nice-select2.js'))


文档中的一行

  1. NiceSelect.bind(document.getElementById("a-select"), {searchable: true, placeholder: 'select', searchtext: 'zoek', selectedtext: 'geselecteerd'});

kcugc4gi

kcugc4gi1#

require()仅用于服务器端的JavaScript。看起来你想通过<script>元素加载nice-select2.js客户端。要在Pug中做到这一点,请尝试以下操作:

  1. script(src='../assets/js/nice-select2.js')

字符串
它将编译为:

  1. <script src="../assets/js/nice-select2.js"></script>


并确保服务器正确地在src中的路径上提供JavaScript文件。

相关问题