编译不过 #35

gooddaddy · 2022-09-13T10:27:29Z

Question

微信小程编译不过（taro react 环境）
版本：2.0.0-beta-serro.3

Sample Code

./node_modules/@taro-hooks/shared/dist/shared.esm.js 12:20
Module parse failed: Unexpected token (12:20)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| ENV_TYPE["JD"] = "JD";
| })(ENV_TYPE || (ENV_TYPE = {}));

const ENV = process?.env?.TARO_ENV;
| const ISWEAPP = ENV === ENV_TYPE.WEAPP;
| const ISWEB = ENV === ENV_TYPE.WEB;

github-actions · 2022-09-13T11:10:31Z

Hello @gooddaddy. In order to facilitate location and troubleshooting, we need you to provide a realistic example. You can create a taro project by clicking here and provide the GitHub warehouse address and reproduce examples.

你好 @gooddaddy, 为了方便定位和排查问题，我们需要你提供一个重现实例。你可以通过点击此处创建一个 Taro 项目并提供 GitHub 仓库地址和重现实例。

gooddaddy · 2022-09-14T02:22:29Z

Hello @gooddaddy. In order to facilitate location and troubleshooting, we need you to provide a realistic example. You can create a taro project by clicking here and provide the GitHub warehouse address and reproduce examples.

你好 @gooddaddy, 为了方便定位和排查问题，我们需要你提供一个重现实例。你可以通过点击此处创建一个 Taro 项目并提供 GitHub 仓库地址和重现实例。

一.编译过了，但是目前类型有问题；
declare function useRequest<TData, TParams extends any[]>(service: Service<TData, TParams>, options?: Options<TData, TParams>, plugins?: Plugin<TData, TParams>[]): import("./types").Result<TData, TParams> | undefined;

为啥useRequest 返回值可能是 undefined 的？这样会导致调用useRequest后不能直接解构。

二.运行时报错

.._src_runtime_connect.ts:275 TypeError: Object(...) is not a function
at useLatest (.node_modules@taro-hooks_ahooks_es_useLatest_index.js:4)
at useRequestImplement (.node_modules@taro-hooks_use-request_es_useRequestImplement.js:30)
at useRequest (.node_modules@taro-hooks_use-request_es_useRequest.js:12)
at ._src_pages_home_index.tsx:54
at .._src_observer.ts:104
at .._src_useObserver.ts:115
at trackDerivedFunction (.._src_core_derivation.ts:183)
at Reaction.track (.._src_core_reaction.ts:137)
at useObserver (.._src_useObserver.ts:113)
at observerComponent (.._src_observer.ts:104)(env: macOS,mp,1.06.2208010; lib: 2.25.1)
找到对应的源码发现：

innocces · 2022-09-14T06:41:32Z

Hello @gooddaddy. In order to facilitate location and troubleshooting, we need you to provide a realistic example. You can create a taro project by clicking here and provide the GitHub warehouse address and reproduce examples.
你好 @gooddaddy, 为了方便定位和排查问题，我们需要你提供一个重现实例。你可以通过点击此处创建一个 Taro 项目并提供 GitHub 仓库地址和重现实例。

一.编译过了，但是目前类型有问题； declare function useRequest<TData, TParams extends any[]>(service: Service<TData, TParams>, options?: Options<TData, TParams>, plugins?: Plugin<TData, TParams>[]): import("./types").Result<TData, TParams> | undefined;

为啥useRequest 返回值可能是 undefined 的？这样会导致调用useRequest后不能直接解构。

二.运行时报错

.._src_runtime_connect.ts:275 TypeError: Object(...) is not a function at useLatest (.node_modules@taro-hooks_ahooks_es_useLatest_index.js:4) at useRequestImplement (.node_modules@taro-hooks_use-request_es_useRequestImplement.js:30) at useRequest (.node_modules@taro-hooks_use-request_es_useRequest.js:12) at ._src_pages_home_index.tsx:54 at .._src_observer.ts:104 at .._src_useObserver.ts:115 at trackDerivedFunction (.._src_core_derivation.ts:183) at Reaction.track (.._src_core_reaction.ts:137) at useObserver (.._src_useObserver.ts:113) at observerComponent (.._src_observer.ts:104)(env: macOS,mp,1.06.2208010; lib: 2.25.1) 找到对应的源码发现：

若请求发生失败或者出错的过程。data可能是为空的. 并且初始是data也是undefined
运行时报错可以参考一下框架配置。看下是不是有配置没有引入。配置

gooddaddy · 2022-09-14T06:48:25Z

若请求发生失败或者出错的过程。data可能是为空的. 并且初始是data也是undefined
data 为空正常，但是你这里是函数返回都是是空，ahooks 里面的 useRequest 返回类型都不是这样的，你是不是写错了？

innocces · 2022-09-14T07:15:36Z

若请求发生失败或者出错的过程。data可能是为空的. 并且初始是data也是undefined
data 为空正常，但是你这里是函数返回都是是空，ahooks 里面的 useRequest 返回类型都不是这样的，你是不是写错了？

是一样的 Tdata

gooddaddy · 2022-09-14T07:43:03Z

若请求发生失败或者出错的过程。data可能是为空的. 并且初始是data也是undefined
data 为空正常，但是你这里是函数返回都是是空，ahooks 里面的 useRequest 返回类型都不是这样的，你是不是写错了？

是一样的 Tdata

这是 ahooks的类型声明：

import type { Options, Plugin, Service } from './types';
declare function useRequest<TData, TParams extends any[]>(service: Service<TData, TParams>, options?: Options<TData, TParams>, plugins?: Plugin<TData, TParams>[]): import("./types").Result<TData, TParams>;
export default useRequest;

这是你的声明：

import type { Options, Plugin, Service } from './types';
declare function useRequest<TData, TParams extends any[]>(service: Service<TData, TParams>, options?: Options<TData, TParams>, plugins?: Plugin<TData, TParams>[]): import("./types").Result<TData, TParams> | undefined;
export default useRequest;

你的在后面 | undefined

innocces · 2022-09-14T08:04:28Z

额。可能是编译的锅。这个我得看看

gooddaddy · 2022-09-14T08:09:08Z

额。可能是编译的锅。这个我得看看

帮忙看看，另外一个问题，我用taro cli 创建一个最新的工程，然后按照你的方式配置，工程能编译通过，但是运行报错（目前最新的taro 是3.5.5 工程默认是 webpack5的，你的插件是不是不支持webpack5？）

innocces · 2022-09-14T08:24:19Z

额。可能是编译的锅。这个我得看看

帮忙看看，另外一个问题，我用taro cli 创建一个最新的工程，然后按照你的方式配置，工程能编译通过，但是运行报错（目前最新的taro 是3.5.5 工程默认是 webpack5的，你的插件是不是不支持webpack5？）

空的项目么？

gooddaddy · 2022-09-14T08:27:26Z

额。可能是编译的锅。这个我得看看

帮忙看看，另外一个问题，我用taro cli 创建一个最新的工程，然后按照你的方式配置，工程能编译通过，但是运行报错（目前最新的taro 是3.5.5 工程默认是 webpack5的，你的插件是不是不支持webpack5？）

空的项目么？
工程向导中选择：react 、typescript 、webpack5 创建工程

innocces · 2022-09-14T08:30:45Z

node 版本可以提供一下么

gooddaddy · 2022-09-14T08:41:14Z

node 版本可以提供一下么

node 8.5.0

package.json

{
  "name": "myApp",
  "version": "1.0.0",
  "private": true,
  "description": "",
  "templateInfo": {
    "name": "default",
    "typescript": true,
    "css": "sass"
  },
  "scripts": {
    "build:weapp": "taro build --type weapp",
    "build:swan": "taro build --type swan",
    "build:alipay": "taro build --type alipay",
    "build:tt": "taro build --type tt",
    "build:h5": "taro build --type h5",
    "build:rn": "taro build --type rn",
    "build:qq": "taro build --type qq",
    "build:jd": "taro build --type jd",
    "build:quickapp": "taro build --type quickapp",
    "dev:weapp": "npm run build:weapp -- --watch",
    "dev:swan": "npm run build:swan -- --watch",
    "dev:alipay": "npm run build:alipay -- --watch",
    "dev:tt": "npm run build:tt -- --watch",
    "dev:h5": "npm run build:h5 -- --watch",
    "dev:rn": "npm run build:rn -- --watch",
    "dev:qq": "npm run build:qq -- --watch",
    "dev:jd": "npm run build:jd -- --watch",
    "dev:quickapp": "npm run build:quickapp -- --watch"
  },
  "browserslist": [
    "last 3 versions",
    "Android >= 4.1",
    "ios >= 8"
  ],
  "author": "",
  "dependencies": {
    "@babel/runtime": "^7.7.7",
    "@tarojs/components": "3.5.5",
    "@tarojs/helper": "3.5.5",
    "@tarojs/mini-runner": "^3.5.5",
    "@tarojs/plugin-framework-react": "3.5.5",
    "@tarojs/plugin-platform-alipay": "3.5.5",
    "@tarojs/plugin-platform-jd": "3.5.5",
    "@tarojs/plugin-platform-qq": "3.5.5",
    "@tarojs/plugin-platform-swan": "3.5.5",
    "@tarojs/plugin-platform-tt": "3.5.5",
    "@tarojs/plugin-platform-weapp": "3.5.5",
    "@tarojs/react": "3.5.5",
    "@tarojs/router": "3.5.5",
    "@tarojs/runtime": "3.5.5",
    "@tarojs/shared": "3.5.5",
    "@tarojs/taro": "3.5.5",
    "@tarojs/taro-h5": "3.5.5",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "taro-hooks": "^2.0.0-beta-serro.3"
  },
  "devDependencies": {
    "@babel/core": "^7.8.0",
    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
    "@taro-hooks/plugin-react": "^2.0.0-beta-serro.3",
    "@tarojs/cli": "3.5.5",
    "@tarojs/webpack5-runner": "3.5.5",
    "@types/react": "^18.0.0",
    "@types/webpack-env": "^1.13.6",
    "@typescript-eslint/eslint-plugin": "^5.20.0",
    "@typescript-eslint/parser": "^5.20.0",
    "babel-preset-taro": "3.5.5",
    "eslint": "^8.12.0",
    "eslint-config-taro": "3.5.5",
    "eslint-plugin-import": "^2.12.0",
    "eslint-plugin-react": "^7.8.2",
    "eslint-plugin-react-hooks": "^4.2.0",
    "react-refresh": "^0.11.0",
    "stylelint": "^14.4.0",
    "typescript": "^4.1.0",
    "webpack": "5.69.0"
  }
}

innocces · 2022-09-14T09:10:38Z

暂时定位到的问题是:

webpack5 模式下会开启预编译. 导致runtime失效. 需要关闭预编译

 compiler: {
    type: 'webpack5',
    // 依赖预编译配置
    prebundle: {
      enable: false
    }
 },

3.5 开始貌似不再开发process变量了. 但是shared会依赖这个. （这个有待解决）
模板忘记加 babel-plugin-import 这个依赖了。

模板的问题后面会一起解决. 包的问题需要再看下解决方案. 如果着急可以用 3.5 以下的版本

innocces · 2022-09-17T15:19:00Z

记录一下相关issue

NervJS/taro#12385

…nion type

innocces · 2022-09-17T15:47:22Z

process 的问题可以通过安装最新版来解决, taro-hooks-v2.0.0-beta-serro.5

官方模板这边快尽快更新.

以上. 若有问题再重新open

gooddaddy added the question Further information is requested label Sep 13, 2022

github-actions bot added the need reproduce not provide code split or repo label Sep 13, 2022

innocces added need reproduce not provide code split or repo and removed need reproduce not provide code split or repo labels Sep 13, 2022

innocces added the taro-hooks-next next version own label Sep 14, 2022

innocces added the bug Something isn't working label Sep 14, 2022

innocces added a commit that referenced this issue Sep 17, 2022

fix(process): #35 fix 3.5.x webpackv5 mode process is not defined error

6bd7ccf

innocces added a commit that referenced this issue Sep 17, 2022

fix(use-request): #35 fix useRequest return type data has undefined u…

628c69d

…nion type

innocces closed this as completed Sep 17, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

编译不过 #35

编译不过 #35

gooddaddy commented Sep 13, 2022 •

edited

Loading

github-actions bot commented Sep 13, 2022

gooddaddy commented Sep 14, 2022 •

edited

Loading

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022 •

edited

Loading

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

innocces commented Sep 17, 2022

innocces commented Sep 17, 2022

编译不过 #35

编译不过 #35

Comments

gooddaddy commented Sep 13, 2022 • edited Loading

Question

Sample Code

github-actions bot commented Sep 13, 2022

gooddaddy commented Sep 14, 2022 • edited Loading

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022 • edited Loading

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

gooddaddy commented Sep 14, 2022

innocces commented Sep 14, 2022

innocces commented Sep 17, 2022

innocces commented Sep 17, 2022

gooddaddy commented Sep 13, 2022 •

edited

Loading

gooddaddy commented Sep 14, 2022 •

edited

Loading

gooddaddy commented Sep 14, 2022 •

edited

Loading