今天在taro项目中引入taro-ui,编译时报错如下:
Module build failed (from ./node_modules/_mini-css-extract-plugin@0.8.0@mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js):

@import “~taro-ui/dist/style/index.scss”;
^
Module build failed (from ./node_modules/_mini-css-extract-plugin@0.8.0@mini-css-extract-plugin/dist/loader.js):
Error: Didn’t get a result from child compiler

原因是taro-ui全局样式引入有问题,要在app.tsx的首行引入:

// app.tsx
import 'taro-ui/dist/style/index.scss';
import React, { Component } from 'react';
import { Provider } from 'react-redux';
import configStore from './store';

import './app.less';

taro-ui官网描述的三种引入组件样式的方式:
在这里插入图片描述
第二种在app.scss(我的项目中是app.less)中引入是不可行的,在编译时会报上面的错误。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐