umi3 使用antd-mobile的时间选择器DatePicker 报错

发布于 2022-09-13 00:53:10 字数 2239 浏览 36 评论 0

我在页面中加入了DatePicker组件 页面直接报错

Module "./antd-mobile/es/date-picker/style" does not exist in container.
while loading "./antd-mobile/es/date-picker/style" from webpack/container/reference/mf
Error: Module "./antd-mobile/es/date-picker/style" does not exist in container.
while loading "./antd-mobile/es/date-picker/style" from webpack/container/reference/mf
    at http://localhost:8000/mf-va_remoteEntry.js:399:11

image.png
image.png

我的配置文件:

import { defineConfig } from 'umi';
import routes from './routes';

export default defineConfig({
  nodeModulesTransform: {
    type: 'none',
  },
  extraPostCSSPlugins: [
    // require('postcss-flexbugs-fixes'),
    require('postcss-px-to-viewport')({
        viewportWidth: 375, // 视窗的宽度,对应的是我们设计稿的宽度,一般是375
        unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数(很多时候无法整除)
        viewportUnit: 'vw', // 指定需要转换成的视窗单位,建议使用vw
        selectorBlackList: [], // 指定不转换为视窗单位的类,可以自定义,可以无限添加,建议定义一至两个通用的类名
        minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位,你也可以设置为你想要的值
        mediaQuery: false, // 允许在媒体查询中转换`px`
    }),
  ],
  // layout: {},
  mfsu: {},
  routes,
  fastRefresh: {}
});

组件代码:


import { Component } from 'react';
import { DatePicker } from 'antd-mobile';

class IndexPage extends Component {


  constructor(props: any){
    super(props);

  }


  render() {

      return (
        <div>
            <div>1</div>
            {/* 去除DatePicker 便可以正常运行 */}
            <DatePicker>
            </DatePicker>
        </div>
      )
  }
}

export default IndexPage;

umi版本:

"dependencies": {
    "@ant-design/pro-layout": "^6.5.0",
    "normalize.css": "^8.0.1",
    "react": "17.x",
    "react-dom": "17.x",
    "umi": "^3.5.13"
  },
  "devDependencies": {
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0",
    "@umijs/preset-react": "1.x",
    "@umijs/test": "^3.5.13",
    "lint-staged": "^10.0.7",
    "postcss-px-to-viewport": "^1.1.1",
    "prettier": "^2.2.0",
    "typescript": "^4.1.2",
    "yorkie": "^2.0.0"
  }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

偏爱自由 2022-09-20 00:53:10

经检测其他的antd-mobile组件也会报错

解决方法是 删掉 src/.umi目录 重新运行下就好了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文