我已经创建了基本的HTML文件，用npm init启动了npm，用npm i flatpickr --save安装了flatpickr模块，用npm i webpack webpack-cli --save-dev安装了webpack。
我的HTML文件看起来像这样
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="style.css"></head><body><input type="text" class="flatpickr" name="flatpickr" id="flatpickr"><script src="main.js"></script></body></html>
字符串
我的JavaScript文件如下：
import flatpickr from 'flatpickr';flatpickr('.flatpickr', {enableTime: true,dateFormat: "F, d Y H:i"});
型
我的webpack.config.js文件：
const path = require('path');module.exports = {entry: './src/index.js',output: {filename: 'main.js',path: path.resolve(__dirname, 'dist'),},};
型
在我做了npx webpack之后，打开我的index.html，我看到了输入字段，但是当我点击它的时候，什么也没有发生。但是，我有一些flatpickr字段是在下面创建的。
这个截图来自index.html的实时预览，这些字段位于应该调用flatpickr的datepicker的输入字段下面。
flatpickr's fields
我做错了什么？
1条答案
按热度按时间nwsw7zdq1#
我想我和你有同样的问题。我使用flatpickr，只是简单的webpack和typescript设置。
我不得不从html中显式引用css来让它工作：
字符串