taro 加入 styled-components报错

Question

./node_modules/styled-components/dist/styled-components.browser.cjs.js
Module not found: Can’t resolve ‘react’ in ‘/Users/yanchang/Desktop/energy/h5/energy/node_modules/styled-components/dist’

Answer 1

水若寒宇 2019-03-26 21:36:03

同学 这个在taro中应该是css-moudle的功能  

https://nervjs.github.io/taro/docs/css-modules.html#docsNav

这个地址 就是如何使用css-moudles

Answer 2

水若寒宇 2019-03-26 21:04:58

taro还不同于react  因为它是多端框架 所以taro对 styled-component这种模式进行了二次的打包  应该不是你这么安装使用的 先暂时 用less 或者scss吧 我这忙完了 弄清楚 会回复你

• 提问者 yanchang #1

  好的，谢谢老师

Answer 3

水若寒宇 2019-03-26 18:59:42

怎么加的呢

• 提问者 yanchang #1

  npm i styled-components react react-dom
  然后/page/index/index.tsx
  import  styled from  'styled-components'
  const Wrapper = styled.section`
    font-size: 100px;
  `
  然后render：
  render () {
      return (
        <View className='index'>
          <Wrapper>9090</Wrapper>
        </View>
      )
    }
  没有报错，但是出不来加的Wrapper