新建项目无法运行

[SpringHgui]

PS H:\demos\mytaro> npm run dev:h5

> mytaro@1.0.0 dev:h5
> npm run build:h5 -- --watch


> mytaro@1.0.0 build:h5
> taro build --type h5 --watch

👽 Taro v3.6.23

Tips:
1. 建议开启持久化缓存功能，能有效提升二次编译速度，详情请参考: https://docs.taro.zone/docs/config-detail#cache。


Prebundle dependencies: 
     @tarojs/plugin-framework-vue3/dist/runtime
     @tarojs/router
     @tarojs/runtime
     @tarojs/taro
     pinia
     vue

▲ [WARNING] The glob pattern import("./**/*.entry.js*") did not match any files [empty-glob]

    node_modules/@stencil/core/internal/client/index.js:3234:4:
      3234 │     `./${bundleId}.entry.js${BUILD.hotModuleReplacement && hmrVersionId ? '?s-hmr=' + hmrVersionId : ''}`).then((importedModule) => {
           ╵     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


✔ Webpack
  Compiled successfully in 878.36ms

→ Watching... [2024/2/3 12:11:10]



✖ Webpack
  Compiled with some errors in 4.50s

<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:10086/
<i> [webpack-dev-server] On Your Network (IPv4): http://192.168.1.4:10086/
<i> [webpack-dev-server] On Your Network (IPv6): http://[fe80::2ee2:bd70:784a:4594]:10086/
<i> [webpack-dev-server] Content not from webpack is served from 'H:\demos\mytaro\dist, H:\demos\mytaro\node_modules\.taro\h5\remote' directory
<i> [webpack-dev-server] 404s will fallback to '/index.html'
<i> [webpack-dev-middleware] wait until bundle finished: /
⚠️ Warnings: 

EnvironmentNotSupportAsyncWarning: The generated code contains 'async/await' because this module is using "external script".
However, your target environment does not appear to support 'async/await'.
As a result, the code may not run as expected or may cause runtime errors.

✖ Errors: 

Error: Template execution failed: ReferenceError: projectName is not defined
    at async Promise.all (index 1)

→ Watching... [2024/2/3 12:11:15]

🙅   编译失败. 2024/2/3 12:11:15

Error: Template execution failed: ReferenceError: projectName is not defined
    at async Promise.all (index 1)


ℹ️  Listening at http://10.70.250.61:10086/

监听文件修改中...

assets by path chunk/*.js 5.24 MiB
  asset chunk/src_app_boot_js.js 2.65 MiB [emitted]
  asset chunk/node_modules_hls_js_dist_hls_mjs.js 2.46 MiB [emitted]
  asset chunk/src_pages_index_index_vue.js 87.1 KiB [emitted]
  asset chunk/node_modules_stencil_core_internal_client_shadow-css_js.js 41.8 KiB [emitted]
assets by path *.js 604 KiB
  asset app.js 550 KiB [emitted] (name: app)
  asset runtime.js 53.8 KiB [emitted] (name: runtime)
asset index.html 460 bytes [emitted]
Entrypoint app 604 KiB = runtime.js 53.8 KiB app.js 550 KiB
runtime modules 36.1 KiB 19 modules
orphan modules 10.8 KiB [orphan] 2 modules
modules by path ./node_modules/ 1.99 MiB 253 modules
modules by path ./src/ 19.9 KiB 21 modules
remote-module modules 36 bytes (remote) 36 bytes (share-init)
  modules by path remote taro_app_library/@tarojs/ 24 bytes (remote) 24 bytes (share-init)
    remote taro_app_library/@tarojs/runtime 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
    + 3 modules
  remote taro_app_library/vue 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
  remote taro_app_library/pinia 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
external "taro_app_library@/remoteEntry.js" 42 bytes [built] [code generated] [1 warning]
data:application/octet-stream;base64,AAEAAAALAIAAAwAw.. 6.1 KiB [built] [code generated]

WARNING in external "taro_app_library@/remoteEntry.js"
The generated code contains 'async/await' because this module is using "external script".
However, your target environment does not appear to support 'async/await'.
As a result, the code may not run as expected or may cause runtime errors.
 @ remote taro_app_library/@tarojs/taro
 @ ./src/app.boot.js 2:0-67 51:0-16
 @ ./src/app.config.js 1:0-20

ERROR in Template execution failed: ReferenceError: projectName is not defined

ERROR in   ReferenceError: projectName is not defined

  - index.html:4 eval
    [.]/[html-webpack-plugin]/lib/loader.js!./src/index.html:4:11

  - index.html:9 module.exports
    [.]/[html-webpack-plugin]/lib/loader.js!./src/index.html:9:3

  - index.js:450
    [mytaro]/[html-webpack-plugin]/index.js:450:16

  - task_queues:95 processTicksAndRejections
    node:internal/process/task_queues:95:5

  - async Promise.all



webpack 5.90.1 compiled with 2 errors and 1 warning in 4509 ms

✔ Webpack
  Compiled successfully in 60.71ms

<i> [webpack-dev-middleware] wait until bundle finished: /favicon.ico
⚠️ Warnings: 

EnvironmentNotSupportAsyncWarning: The generated code contains 'async/await' because this module is using "external script".
However, your target environment does not appear to support 'async/await'.
As a result, the code may not run as expected or may cause runtime errors.

→ Watching... [2024/2/3 12:11:15]

⚠️  编译警告. 2024/2/3 12:11:15

EnvironmentNotSupportAsyncWarning: The generated code contains 'async/await' because this module is using "external script".
However, your target environment does not appear to support 'async/await'.
As a result, the code may not run as expected or may cause runtime errors.

assets by status 5.77 MiB [cached] 5 assets
assets by path . 55.1 KiB
  assets by path *.js 54.6 KiB
    asset runtime.js 53.8 KiB [emitted] (name: runtime)
    asset runtime.0278e4353aa0fb734c57.hot-update.js 864 bytes [emitted] [immutable] [hmr] (name: runtime)
  asset index.html 460 bytes [emitted]
  asset runtime.0278e4353aa0fb734c57.hot-update.json 31 bytes [emitted] [immutable] [hmr]
Entrypoint app 605 KiB = runtime.js 53.8 KiB runtime.0278e4353aa0fb734c57.hot-update.js 864 bytes app.js 550 KiB
cached modules 2.03 MiB (javascript) 36 bytes (remote) 36 bytes (share-init) [cached] 284 modules
runtime modules 36.1 KiB 19 modules

WARNING in external "taro_app_library@/remoteEntry.js"
The generated code contains 'async/await' because this module is using "external script".
However, your target environment does not appear to support 'async/await'.
As a result, the code may not run as expected or may cause runtime errors.
 @ remote taro_app_library/@tarojs/taro
 @ ./src/app.boot.js 2:0-67 51:0-16
 @ ./src/app.config.js 1:0-20

webpack 5.90.1 compiled with 1 warning in 61 ms

[Miofly]

为什么这个问题没人解决，项目都跑不起来

[SpringHgui]

@Chen-jj

[yearspark]

这个问题啥时候能解决啊

[ruochuan12]

主要是这个模板中 src/index.html 中的 <title><%= projectName %></title> 的变量 projectName 没有注册成功。
可以选用 github 模版，gitee模版虽然快，但可能目前不是最新的。不过 github 模板 NervJS/taro-project-templates 中 3.6 分支、3.5分支 目前也存在这个问题 <title><%= projectName %></title>。

<!DOCTYPE html>
<html>
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="format-detection" content="telephone=no,address=no">
  <meta name="apple-mobile-web-app-status-bar-style" content="white">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
  <title><%= projectName %></title>
  <script><%= htmlWebpackPlugin.options.script %></script>
</head>
<body>
  <div id="app"></div>
</body>
</html>

其中这行

<title><%= projectName %></title>

可以修改为

<title></title>

或者

<title>{{ projectName }}</title>

这样修改后，可能还会出现另外一个问题。搜索 issue 可以发现解决方案。

每次编译时提示警报：WARNING in external "taro_app_library@/remoteEntry.js" #15413

按其中一种方式配置 config/index.js。

{
 h5: {
    compiler: {
      prebundle: {
        enable: false,
      },
      type: 'webpack5'
    },
 }
}

重新跑命令 npm run dev:h5 可以跑起来了。

官方看到能在修改下 github 模板 NervJS/taro-project-templates 中 3.6 分支、3.5分支 ，并且同步下 gitee 修改同步下更好，不用开发者手动修改了。