0

我用 vue ui 用 typescript 创建了一个 vue 项目，然后我添加了 electron、iview 和 less ...

我只更正了 *.ts 文件中的词汇问题，但是当我在 vue ui 中运行 vue-cli-service 服务任务时，我得到以下输出：

Total task duration: 1191.84s
$ vue-cli-service serve --mode development --dashboard
 INFO  Starting development server...

Starting type checking and linting service...

 12% building modules 23/53 modules 30 active ...ode_modules/core-js/modules/_perform.jsUsing 1 worker with 2048MB memory limit

 85% chunk order optimization OccurrenceOrderChunkIdsPlugin ERROR  Failed to compile with 1 errors11:31:30 PM


 error  in ./src/iview-variables.less

Module build failed (from ./node_modules/less-loader/dist/cjs.js):


// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
  in /Users/ailete619/landema_electron/node_modules/iview/src/styles/color/bezierEasing.less (line 110, column 0)

 @ ./src/iview-variables.less 4:14-226 14:3-18:5 15:22-234
 @ ./src/plugins/iview.js
 @ ./src/main.ts
 @ multi (webpack)-dev-server/client?http://192.168.179.4:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts

Type checking and linting in progress...

 WARN
Couldn't parse bundle asset  "/Users/ailete619/landema_electron/dist/about.js".
Analyzer will use module sizes from stats file.


WARNING in /Users/ailete619/landema_electron/src/background.ts
13:3 require statement not part of an import statement
    11 | if (isDevelopment) {
    12 |   // Don't load any native (external) modules until the following line is run:
  > 13 |   require('module').globalPaths.push(process.env.NODE_MODULES_PATH);
       |   ^
    14 | }
    15 | // global reference to mainWindow (necessary to prevent window from being garbage collected)
    16 | let mainWindow: any;    
No type errors found
Version: typescript 3.0.3, tslint 5.11.0
Time: 3084ms

我试图修改以下几行，但我并不真正理解它们的目的，所以我得到不同的错误但没有解决方案：

if (isDevelopment) {
  // Don't load any native (external) modules until the following line is run:
  require('module').globalPaths.push(process.env.NODE_MODULES_PATH)
}

我的问题：如何更改该行以使用打字稿？

PS：对于 Module build failed 错误，我正在处理它，如果有必要会问另一个问题......

已安装的插件：

  • @vue/cli-service 版本 3.01
  • @vue/cli-plugin-babel 版本 3.0.1
  • @vue/cli-plugin-pwa 版本 3.0.1
  • @vue/cli-plugin-typescript 版本 3.0.1
  • vue-cli-plugin-electron-builder 版本 1.0.0-rc2
  • vue-cli-plugin-iview 版本 1.0.6

主要依赖：

  • iview 版本 3.1.0
  • 注册服务工作者版本 1.5.2
  • vue 版本 2.5.17
  • vue-class-component version6.2.0
  • vue-property-decorator 版本 7.0.0
  • Vue路由器版本3.0.1
  • vuex 版本 3.0.1
  • 电子版 2.0.8
  • 更少的版本 3.8.1
  • 少加载器版本 4.0.1
  • 打字稿版本 3.0.3
  • vue-template-compiler 版本 2.5.17

建议的解决方案 1：将语句分解为 2 会引发新的错误......

ERROR in /Users/ailete619/landema_electron/src/background.ts
11:1 Import assignment cannot be used when targeting ECMAScript modules. Consider using 'import * as ns from "mod"', 'import {a} from "mod"', 'import d from "mod"', or another module format instead.
     9 | } from 'vue-cli-plugin-electron-builder/lib';
    10 | const isDevelopment = process.env.NODE_ENV !== 'production';
  > 11 | import module = require('module');
       | ^
    12 | if (isDevelopment) {
    13 |   // Don't load any native (external) modules until the following line is run:
    14 |   module.globalPaths.push(process.env.NODE_MODULES_PATH);
ERROR in /Users/ailete619/landema_electron/src/background.ts
14:10 Property 'globalPaths' does not exist on type 'typeof Module'.
    12 | if (isDevelopment) {
    13 |   // Don't load any native (external) modules until the following line is run:
  > 14 |   module.globalPaths.push(process.env.NODE_MODULES_PATH);
       |          ^
    15 | }
    16 | // global reference to mainWindow (necessary to prevent window from being garbage collected)
    17 | let mainWindow: any;

我的解决方案：我删除了它，只剩下不太相关的错误......问题解决了吗？

4

1 回答 1

0

尝试这个：

import module = require('module');
if (isDevelopment) {
  // Don't load any native (external) modules until the following line is run:
  module.globalPaths.push(process.env.NODE_MODULES_PATH)
}
于 2018-09-06T22:48:27.570 回答