当我试图将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
答案 0 :(得分:5)
我用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
结果:
希望它可以节省您的一天:)