我在Tailwind配置文件中配置自己的插件,通过CommonJS语法require('/my-plugin');
导入ES模块,但在尝试构建时出现错误:
SyntaxError: Cannot use import statement outside a module
at compileFunction (<anonymous>)
由于我在my-plugin
文件中使用ES6语句(例如import
,export default
),因此即使我使用常规的require
语句将其导入Tailwind配置文件,这些语句也会引发错误。
如何解决此问题?
我的代码:
- tailwind.config.js*
const myPlugin = require('./my-plugin');
module.exports = {
mode: 'jit',
darkMode: 'class',
content: [
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
],
theme: {
}
plugins: [
myPlugin(),
],
};
- ./my-plugin
import ... from ...
const MyPlugin = () => {}
export default MyPlugin
1条答案
按热度按时间fjaof16o1#
确保您:
package.json
中没有"type": "module"
,请使用mjs
扩展名来代替tailwind.config.js
theme
对象声明后添加逗号import
艾德插件函数