小编Nig*_*ler的帖子

尝试使用 React.js 构建组件库时,Rollup.js 无法检测默认导出

我正在尝试使用 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

rollup reactjs babeljs rollupjs

7
推荐指数
1
解决办法
8368
查看次数

如何删除 tailwindcss 中的背景颜色?

我想知道如何从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)

css tailwind-css

3
推荐指数
1
解决办法
1万
查看次数

如何使用 Nuxt.js 从 `plugins` 目录提交突变?

我刚刚遇到这样的问题,我正在尝试自定义 Axios 模块,我的目标是dom.js从“插件”目录访问我的 vuex 模块状态,下面的代码可以工作,但控制台中出现以下错误

不要在突变处理程序之外改变 vuex 存储状态

所以,这个错误的原因我也很清楚,我想知道如何将“plugins”目录中的突变提交到我的dom.jsvuex 模块?谢谢!

//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)

vue.js nuxt.js

1
推荐指数
1
解决办法
2105
查看次数

标签 统计

babeljs ×1

css ×1

nuxt.js ×1

reactjs ×1

rollup ×1

rollupjs ×1

tailwind-css ×1

vue.js ×1