Comments (14)
哈哈,这个我之前也用 pnpm
试过 uni-app
,也是各种报错,原因应该是 webpack-sources
版本问题导致的不匹配,我这个插件依赖的 webpack-sources
是 3.2.3
,图里面报错的版本是 1.4.3
.
这个 issue
我先尝试通过改 lock 文件解决一下,你先使用 yarn
或者 npm
进行开发吧。
from weapp-tailwindcss.
哈哈,这个我之前也用
pnpm
试过uni-app
,也是各种报错,原因应该是webpack-sources
版本问题导致的不匹配,我这个插件依赖的webpack-sources
是3.2.3
,图里面报错的版本是1.4.3
. 这个issue
我先尝试通过改 lock 文件解决一下,你先使用yarn
或者npm
进行开发吧。
好的, 谢谢大佬
from weapp-tailwindcss.
哈哈,这个我之前也用
pnpm
试过uni-app
,也是各种报错,原因应该是webpack-sources
版本问题导致的不匹配,我这个插件依赖的webpack-sources
是3.2.3
,图里面报错的版本是1.4.3
. 这个issue
我先尝试通过改 lock 文件解决一下,你先使用yarn
或者npm
进行开发吧。
能不能加到devDependencies,安装依赖时很有可能把webpack依赖的版本放内部node_modules了,把你这个项目的依赖放到了外部,导致报错。
from weapp-tailwindcss.
哈哈,这个我之前也用
pnpm
试过uni-app
,也是各种报错,原因应该是webpack-sources
版本问题导致的不匹配,我这个插件依赖的webpack-sources
是3.2.3
,图里面报错的版本是1.4.3
. 这个issue
我先尝试通过改 lock 文件解决一下,你先使用yarn
或者npm
进行开发吧。能不能加到devDependencies,安装依赖时很有可能把webpack依赖的版本放内部node_modules了,把你这个项目的依赖放到了外部,导致报错。
webpack-sources
这个不能加进 devDependencies
里,原因在于,我这个包啊,是要兼容 webpack4
和 webpack5
的。
而他们最后都被打入了一个 bundle
webpack-sources
这个依赖实际上是为了 webpack4
添加的:
import { ConcatSource, Source } from 'webpack-sources'
webpack5
可以很方便的直接从 compiler
里拿出来:
const { ConcatSource , Source } = compiler.webpack.sources
这个需求,可能需要我为 webpack4
和 webpack5
打不同的包,来解决这个问题。
from weapp-tailwindcss.
哈哈,这个我之前也用
pnpm
试过uni-app
,也是各种报错,原因应该是webpack-sources
版本问题导致的不匹配,我这个插件依赖的webpack-sources
是3.2.3
,图里面报错的版本是1.4.3
. 这个issue
我先尝试通过改 lock 文件解决一下,你先使用yarn
或者npm
进行开发吧。能不能加到devDependencies,安装依赖时很有可能把webpack依赖的版本放内部node_modules了,把你这个项目的依赖放到了外部,导致报错。
webpack-sources
这个不能加进devDependencies
里,原因在于,我这个包啊,是要兼容webpack4
和webpack5
的。 而他们最后都被打入了一个bundle
webpack-sources
这个依赖实际上是为了webpack4
添加的:import { ConcatSource, Source } from 'webpack-sources'
webpack5
可以很方便的直接从compiler
里拿出来:const { ConcatSource , Source } = compiler.webpack.sources这个需求,可能需要我为
webpack4
和webpack5
打不同的包,来解决这个问题。
[email protected]的ConcatSource缺少了listMap这个方法,所以是不兼容webpack 4的,看能不能降级到1.4.x的版本呢。。。
from weapp-tailwindcss.
嗯,好的,我测试一下哈
from weapp-tailwindcss.
我创建了一个库 pnpm-install-webpack-plugin-test-case
使用 pnpm
安装,版本为 7.9.3
。安装成功后,pnpm dev:mp-weixin
和 pnpm build:mp-weixin
都可以顺利运行,没有报错的,你升级一下 pnpm
版本试试呢,lock 文件 pnpm-lock.yaml
webpack-sources 是在 v3 删除了这个node() and listMap()
这 2个 api
见 https://github.com/webpack/webpack-sources/releases/tag/v3.0.0
你可以把你的运行环境,使用 uni-app 的版本啊, pnpm 版本, nodejs版本这些都带上看看。
from weapp-tailwindcss.
我使用 [email protected]
在今天新创建的 taro
项目中使用,也没有问题的,项目demo:
https://github.com/sonofmagic/taro-react-tailwind-vscode-template
所以我感觉,这应该是当时 pnpm
没处理好依赖导致的,现在 pnpm
的最新版本应该已经修复了,所以 pnpm
已经支持了。
@yqz0203 @bingtsingw
附 pnpm
node_modules/.pnpm
依赖截图:
from weapp-tailwindcss.
我不是pnpm,是一个monorepo项目,项目用的webpack4,所以出现了这个问题。
from weapp-tailwindcss.
我不是pnpm,是一个monorepo项目,项目用的webpack4,所以出现了这个问题。
那你可能需要的是 hoist
机制,这个机制 pnpm
和 yarn
都有的,详见 https://pnpm.io/npmrc#hoist
from weapp-tailwindcss.
hoist 特意屏蔽了webpack的,因为子项目间webpack版本不同有冲突,,,总之有点蛋疼。
from weapp-tailwindcss.
我现在是通过打补丁的方式解决的。。强制把这个包的webpack-source依赖改成了1.x、
from weapp-tailwindcss.
好的,你是 yarn
还是 pnpm
做的 monorepo
呀,我要复现这个问题话,大概应该咋做呀?
from weapp-tailwindcss.
monrepo
的问题,到时候新开一个 issue
吧,现在版本的 pnpm
已经可以正常运作了。
from weapp-tailwindcss.
Related Issues (20)
- mpx编译wxml属性值单引号 HOT 3
- 而你,我的朋友,你是真正的英雄 HOT 1
- 使用原生小程序开发模板时,如何使用其他npm包? HOT 2
- 是否支持引用外部包组件? HOT 2
- taro3 + reactjs + weapp-tailwindcss css 语法转义不成功 HOT 2
- vite how to px 2 rpx HOT 2
- uniapp vue3环境下使用,有时候会出现类名未生成样式的情况 HOT 4
- 有单独的 JS API 么? HOT 3
- hbuilder原生创建的项目无法使用webpack5,如何升级? HOT 1
- v3 大版本改动与迁移 HOT 1
- TypeError: Cannot destructure property 'Compilation' of 'compiler.webpack' as it is undefined. HOT 2
- taro rn模式适配 HOT 1
- [postcss] text.replaceAll is not a function HOT 2
- tailwindcss v2 版本下开启 TAILWIND_MODE=watch 的环境变量会导致高版本 hbuilderx 重复差量编译 HOT 8
- 请问支持 app-nvue 吗? HOT 3
- 是否支持使用taro+weap-tailwindcss开发京东小程序, HOT 1
- 新创建的Taro项目按指南配置后,出现wxml文件编译错误 HOT 1
- htmlparser2 更新之后, 导致 wxml 编译失败, 缺少最后的引号 HOT 1
- 谁在使用 weapp-tailwindcss ? HOT 12
- @layer中自定义的类偶尔会失效 HOT 9
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from weapp-tailwindcss.