nextjs + react-native-web + styled-components：warnOnce

Question

当我试图将NextJS与react-native-web和styled-components一起使用时，我一直在碰壁。

问题SEEMS可能与样式组件中的“反应本机”别名不当有关。我不确定该如何解决。

我知道如何使其与Razzle.js一起使用，但是我一生都无法弄清楚如何使用NextJS达到相同的工作状态。我怀疑这与webpack的config.externals有关-但是它也可能与babel.config.js中的内容有关。

如果有人解决了这个问题，您将是我年度最喜欢的人。 我已经准备好回购问题了

--- Next.js
pages/index.js - WORKS
pages/problem.js - FAILS (has styled-components/native)

--- Razzle
pages/Home.js - WORKS
pages/Home.js - WORKS (has styled-components/native)

https://github.com/Aleksion/rnw-styled-next https://github.com/Aleksion/rnw-styled-razzle

Answer 1

我用Google搜索过，也发现了这种情况。解决方案是安装next-transpile-modules并配置如下的next.config.js

let myFunc(a: int ref) = a := 1

// this is wrong
let a = 1
myFunc &a

// this is right
let a = ref 1
myFunc a

这是您的分叉存储库：https://github.com/hedikasmanto/rnw-styled-next

结果：

希望它可以节省您的一天：）