Javascript 使用旧软件包时未定义babelHelpers
目前,我正在从事vuetify v1.5项目。在“babelHelpers未定义”错误的情况下,我的一个依赖项包(d3 flextree)不起作用。 我的发现是:“使用TransformRuntime而不是ExternalHelpers插件”。 我的.lrc文件是:Javascript 使用旧软件包时未定义babelHelpers,javascript,vue.js,d3.js,webpack,babeljs,Javascript,Vue.js,D3.js,Webpack,Babeljs,目前,我正在从事vuetify v1.5项目。在“babelHelpers未定义”错误的情况下,我的一个依赖项包(d3 flextree)不起作用。 我的发现是:“使用TransformRuntime而不是ExternalHelpers插件”。 我的.lrc文件是: { "presets": ["es2015", "stage-2"], "plugins": [ "transform-run
{
"presets": ["es2015", "stage-2"],
"plugins": [
"transform-runtime",
"transform-async-to-generator"
],
"comments": false
}
但是./node_module/d3 flextree中的.babelrc是:
{
"presets": [
[
"es2015",
{ "modules": false }
]
],
"plugins": ["external-helpers"]
}
我是否应该覆盖./node_模块/d3 flextree/.babelrc?如果是,如何进行?
有什么网页包装技巧吗
mypackage.json
"dependencies": {
"axios": "^0.19.0",
"core-js": "^2.5.3",
"d3": "^5.7.0",
"d3-flextree": "^2.1.1",
"d3-flextree-v4": "^1.0.1",
"font-awesome": "^4.6.3",
"hchs-vue-charts": "^1.2.8",
"html-loader": "^1.1.0",
"html-webpack-externals-plugin": "^3.8.0",
"html2canvas": "^1.0.0-rc.5",
"ts-loader": "^7.0.5",
"vue": "^2.5.11",
"vue-color": "^2.7.1",
"vue-grid-layout": "^2.3.8",
"vue-i18n": "^8.22.1",
"vue-input-autowidth": "^1.0.10",
"vue-quill-editor": "^3.0.6",
"vue-router": "^3.0.1",
"vue-server-renderer": "^2.6.11",
"vue-template-compiler": "^2.5.11",
"vue2-editor": "^2.10.2",
"vuedraggable": "^2.23.2",
"vuetify": "^1.5.24",
"vuex": "^3.0.1",
"vuex-router-sync": "^5.0.0"
},
"devDependencies": {
"aspnet-webpack": "^2.0.1",
"babel-core": "^6.21.0",
"babel-loader": "^6.2.10",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-transform-async-to-generator": "^6.22.0",
"babel-plugin-transform-runtime": "^6.15.0",
"babel-preset-es2015": "^6.18.0",
"babel-preset-stage-2": "^6.18.0",
"babel-register": "^6.18.0",
"bootstrap": "^3.4.1",
"cross-env": "^3.1.3",
"css-loader": "^0.26.4",
"event-source-polyfill": "^0.0.7",
"extract-text-webpack-plugin": "^2.0.0-rc",
"file-loader": "^0.9.0",
"jquery": "^2.2.1",
"node-sass": "^4.14.1",
"optimize-css-assets-webpack-plugin": "^1.3.1",
"sass-loader": "^4.1.0",
"style-loader": "^0.13.2",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.2",
"uglifyjs-webpack-plugin": "^2.1.3",
"url-loader": "^0.5.7",
"vue-loader": "^13.6.0",
"webpack": "^2.2.0",
"webpack-hot-middleware": "^2.12.2"
}
我发现了一个窍门。
有一个问题。只需将其复制到项目中的一个文件中,然后替换原来的npm包
- import * as d3flex from "d3-flextree"
+ import * as d3flex from "../statics/scripts/d3-flextree.min"
如果我将./node_module/d3 flextree/.babelrc手动更改为使用“transform runtime”,则问题将消失。在CI管道的情况下,我不能使用这个技巧