Closed superzhy closed 2 years ago
vue2老项目之前使用的是wangeditor v3版本，安装完v5版本模块，npm run dev 后报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.j
"@wangeditor/editor": "^5.0.1", "@wangeditor/editor-for-vue": "^1.0.1",
是
package.json
{ "name": "credit-linying-admin", "version": "1.2.2", "description": "renren-fast-vue基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案。", "author": "daxiong.yang <daxiong.yang@qq.com>", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "unit": "jest --config test/unit/jest.conf.js --coverage", "e2e": "node test/e2e/runner.js", "test": "npm run unit && npm run e2e", "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs", "build": "gulp" }, "dependencies": { "@wangeditor/editor": "^5.0.1", "@wangeditor/editor-for-vue": "^1.0.1", "axios": "0.17.1", "babel-plugin-component": "0.10.1", "babel-polyfill": "6.26.0", "element-ui": "2.8.2", "gulp": "3.9.1", "gulp-concat": "2.6.1", "gulp-load-plugins": "1.5.0", "gulp-replace": "0.6.1", "gulp-shell": "0.6.5", "lodash": "4.17.5", "node-sass": "^4.9.0", "npm": "^6.9.0", "sass-loader": "6.0.6", "svg-sprite-loader": "3.7.3", "vue": "2.5.16", "vue-cookie": "1.1.4", "vue-router": "3.0.1", "vuex": "3.0.1", "wangeditor": "^3.1.1" }, "devDependencies": { "autoprefixer": "7.1.2", "babel-core": "6.22.1", "babel-eslint": "7.1.1", "babel-jest": "21.0.2", "babel-loader": "7.1.1", "babel-plugin-dynamic-import-node": "1.2.0", "babel-plugin-transform-es2015-modules-commonjs": "6.26.0", "babel-plugin-transform-runtime": "6.22.0", "babel-preset-env": "1.3.2", "babel-preset-stage-2": "6.22.0", "babel-register": "6.22.0", "chalk": "2.3.0", "chromedriver": "^2.27.2", "copy-webpack-plugin": "4.0.1", "cross-spawn": "5.0.1", "css-loader": "0.28.0", "eslint": "3.19.0", "eslint-config-standard": "10.2.1", "eslint-friendly-formatter": "3.0.0", "eslint-loader": "1.7.1", "eslint-plugin-html": "3.0.0", "eslint-plugin-import": "2.7.0", "eslint-plugin-node": "5.2.0", "eslint-plugin-promise": "3.5.0", "eslint-plugin-standard": "3.0.1", "eventsource-polyfill": "0.9.6", "extract-text-webpack-plugin": "3.0.0", "file-loader": "1.1.4", "friendly-errors-webpack-plugin": "1.6.1", "html-webpack-plugin": "2.30.1", "jest": "21.2.0", "jest-serializer-vue": "0.3.0", "nightwatch": "0.9.12", "node-notifier": "5.1.2", "optimize-css-assets-webpack-plugin": "3.2.0", "ora": "1.2.0", "portfinder": "1.0.13", "postcss-import": "11.0.0", "postcss-loader": "2.0.8", "rimraf": "2.6.0", "selenium-server": "3.0.1", "semver": "5.3.0", "shelljs": "0.7.6", "uglifyjs-webpack-plugin": "1.1.1", "url-loader": "0.5.8", "vue-jest": "1.0.2", "vue-loader": "13.3.0", "vue-style-loader": "3.0.1", "vue-template-compiler": "2.5.16", "webpack": "3.6.0", "webpack-bundle-analyzer": "2.9.0", "webpack-dev-server": "2.9.1", "webpack-merge": "4.1.0" }, "engines": { "node": ">= 8.11.1", "npm": ">= 5.6.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] }
webpack.dev.conf.js
'use strict' const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const baseWebpackConfig = require('./webpack.base.conf') const HtmlWebpackPlugin = require('html-webpack-plugin') const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') const portfinder = require('portfinder') const HOST = process.env.HOST const PORT = process.env.PORT && Number(process.env.PORT) const devWebpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) }, // cheap-module-eval-source-map is faster for development devtool: config.dev.devtool, // these devServer options should be customized in /config/index.js devServer: { clientLogLevel: 'warning', historyApiFallback: true, hot: true, compress: true, host: HOST || config.dev.host, port: PORT || config.dev.port, open: config.dev.autoOpenBrowser, overlay: config.dev.errorOverlay ? { warnings: false, errors: true } : false, publicPath: config.dev.assetsPublicPath, proxy: config.dev.proxyTable, quiet: true, // necessary for FriendlyErrorsPlugin watchOptions: { poll: config.dev.poll, } }, plugins: [ new webpack.DefinePlugin({ 'process.env': require('../config/dev.env') }), new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. new webpack.NoEmitOnErrorsPlugin(), // https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true }), ] }) module.exports = new Promise((resolve, reject) => { portfinder.basePort = process.env.PORT || config.dev.port portfinder.getPort((err, port) => { if (err) { reject(err) } else { // publish the new Port, necessary for e2e tests process.env.PORT = port // add port to devServer config devWebpackConfig.devServer.port = port // Add FriendlyErrorsPlugin devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ compilationSuccessInfo: { messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], }, onErrors: config.dev.notifyOnErrors ? utils.createNotifierCallback() : undefined })) resolve(devWebpackConfig) } }) })
统一参考这里 https://github.com/wangeditor-team/wangEditor/issues/4041
wangfupeng1988
commented
2 years ago wangfupeng1988
commented
2 years ago
问题描述
vue2老项目之前使用的是wangeditor v3版本，安装完v5版本模块，npm run dev 后报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.j
wangEditor 版本
"@wangeditor/editor": "^5.0.1", "@wangeditor/editor-for-vue": "^1.0.1",
是否查阅了文档 ？
是
最小成本的复现步骤
package.json
webpack.dev.conf.js