我正在尝试使用 React.js 创建组件库,为此我使用 Rollup.js。当我构建应用程序时,我在控制台中看到此错误。看来 Rollup 无法检测默认导出,我尝试添加 .babelrc 文件配置,但不幸的是它不起作用。我做错了什么以及如何解决这个问题?
//rollup.config.js
import babel from 'rollup-plugin-babel';
import resolve from '@rollup/plugin-node-resolve';
import external from 'rollup-plugin-peer-deps-external';
import { terser } from 'rollup-plugin-terser';
import postcss from 'rollup-plugin-postcss';
import commonjs from '@rollup/plugin-commonjs';
export default [
{
input: './src/index.js',
output: [
{
file: 'dist/index.js',
format: 'cjs',
},
{
file: 'dist/index.es.js',
format: 'es',
exports: 'named',
}
],
plugins: [
postcss({
plugins: [],
minimize: true,
}),
babel({
exclude: "node_modules/**",
presets: ["@babel/preset-react"],
}),
external(),
resolve(),
terser(),
]
}
];
Run Code Online (Sandbox Code Playgroud)
//包.json
我想知道如何从div
特定xl
屏幕尺寸的现有背景中删除背景颜色?我想要这样的东西background-color:unset
,这可以吗tailwind.css
?
<div class="fixed bottom-0 bg-baseorange p-4 left-0 w-full z-10 xl: bg-none xl:absolute lg:absolute xl:bottom-22 xl:right-20 lg:bottom-22 lg:right-20">
</div>
Run Code Online (Sandbox Code Playgroud)
我刚刚遇到这样的问题,我正在尝试自定义 Axios 模块,我的目标是dom.js
从“插件”目录访问我的 vuex 模块状态,下面的代码可以工作,但控制台中出现以下错误
不要在突变处理程序之外改变 vuex 存储状态
所以,这个错误的原因我也很清楚,我想知道如何将“plugins”目录中的突变提交到我的dom.js
vuex 模块?谢谢!
//plugins/axios.js
export default function ({ $axios, redirect, store}) {
$axios.onError(error => {
const code = parseInt(error.response && error.response.status)
if (code === 401) {
store.state.dom.alertIs = true
redirect('/')
}
})
}
Run Code Online (Sandbox Code Playgroud)
/store/dom.js
export const state = () => ({
alertIs:false
})
Run Code Online (Sandbox Code Playgroud)