Vue项目兼容IE浏览器 使用babel-preset-env后依然无效_course

如题，使用babel-preset-env配置后 进行 run build 打包编译，打包后的代码 如 箭头函数，let 依然没有转为ES5语法，导致IE浏览器报错 报错如图(IE10):   以下是babel-preset-env相关配置: //babel.config.js: --- ``` javascript const plugins = []; if (['production', 'prod'].includes(process.env.NODE_ENV)) { plugins.push("transform-remove-console") } module.exports = { presets: [ [ "@vue/app", { "useBuiltIns": "entry", polyfills: [ 'es6.promise', 'es6.symbol' ] } ] ], plugins: plugins }; ``` //.babelrc --- ```javascript { "presets": [ "@babel/preset-env" ], "plugins": [ "@babel/plugin-transform-runtime" ] } ``` //Vue.config.js --- ```javascript module.exports = { transpileDependencies: ['webpack-dev-server/client'], publicPath: process.env.NODE_ENV === 'production' ? '/cdss/' : '/', outputDir: 'cdss', assetsDir: 'static', chainWebpack: config => { config.entry.app = ['babel-polyfill', './src/main.js']; } }; ``` //main.js --- ```javascript import '@babel/polyfill'; //第一行 import Es6Promise from 'es6-promise' Es6Promise.polyfill(); //...其他常规配置 ``` //package.json --- ```json //...其他常规配置 "browserslist": [ "> 1%", "last 2 versions", "ie <=8" ] ``` 难道是哪儿配置有问题吗？怎么改都不行 [这是我看的教程帖](https://blog.csdn.net/qq_42767631/article/details/91352267 "Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决").

做vue项目时使用vue-aplayer报错_course

配置完vue-aplayer，运行npm run start，一直报错依赖找不到 * hls.js in ./node_modules/vue-aplayer/dist/vue-aplayer.min.js  配置是按照[https://blog.csdn.net/yusina_/article/details/83690647](https://blog.csdn.net/yusina_/article/details/83690647 "")这个帖子配置的 新手自己写的第一个项目，卡一下午了，求教（真诚脸）

vue-cli运行报错，node包问题_course

每次新建的vue项目运行起来都会报这种错，望大佬看看 

webstorm 内存溢出怎么解决？_course

 请问这种问题该怎么解决？

vue-cli 打包文件报错_course

# vue-cli 打包文件报错 报错代码如下 ```shell > canteen@1.0.0 build D:\桌面\workPlace\07.items\06..canteen > node build/build.js / building for production...Error processing file: static/css/app.9e1b2591f3911ed3227be61dd300833e.css (node:1908) UnhandledPromiseRejectionWarning: postcss-svgo: Error in parsing SVG: Unquoted attribute value Line: 0 Column: 14 Char: \ (node:1908) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 3) (node:1908) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. ``` - 也修改了 config/index.js 下面的 build ```js build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './', /** * Source Maps */ productionSourceMap: false, // https://webpack.js.org/configuration/devtool/#production devtool: '#source-map', // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you. // Before setting to `true`, make sure to: // npm install --save-dev compression-webpack-plugin productionGzip: false, productionGzipExtensions: ['js', 'css'], // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report` // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process.env.npm_config_report } ``` 但是还是报错，有没有大佬支招

初始化vue项目出错，用的都是最新版的npm node,怎么解决_course

首先执行命令 npm install -g @vue/cli npm install -g @vue/cli-init 再 sudo vue init webpack todo 然后就开始报错了，怎么回事？

vux配置问题,启动webpack找不到main.js_course

 配置文件这样写的： ```javascript 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const vueLoaderConfig = require('./vue-loader.conf') // 配置vux const vuxLoader = require('vux-loader') const webpackConfig = originalConfig function resolve (dir) { return path.join(__dirname, '..', dir) } const createLintingRule = () => ({ test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter'), emitWarning: !config.dev.showEslintErrorsInOverlay } }) var originalConfig = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, output: { path: config.build.assetsRoot, filename: '[name].js', publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath }, resolve: { extensions: ['.js', '.vue', '.json', '.less'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }, module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, { test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('media/[name].[hash:7].[ext]') } }, { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') } } ] }, node: { // prevent webpack from injecting useless setImmediate polyfill because Vue // source contains it (although only uses it if it's native). setImmediate: false, // prevent webpack from injecting mocks to Node native modules // that does not make sense for the client dgram: 'empty', fs: 'empty', net: 'empty', tls: 'empty', child_process: 'empty' } } module.exports = vuxLoader.merge(originalConfig, { plugins: ['vux-ui'] }) ``` 哪里出问题了？

vue-loader安装后在.vue里的<style></style>里面写样式就报错?_course

提问:请问下,vue-loader也安装了为何在.vue的style标签了 还是不能写样式呢?webpack4,使用webpack-dev-server命令打包时就报错.应该如何解决? 我已经尝试卸载vue-loader重新安装,删除node-modules重新跑环境,但并没有解决掉.难到是某个加载器的版本的问题吗? main.js ``` import Vue from 'vue'; import app from './App.vue'; import { Header } from 'mint-ui'; Vue.component(Header.name, Header); var vm=new Vue({ el:'#app', render:c=>c(app) }); ``` App.vue ``` <template> <div class="box"> <!--header--> <mt-header fixed title="固定在顶部"></mt-header> <!--body--> <!--foot--> <h1>这是 App 组件</h1> </div> </template> <script> </script> <style lang="sass" scoped> .box{ padding-top:40px; } </style> ``` package.json ``` "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-plugin-component": "^0.10.1", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.6.1", "babel-preset-stage-0": "^6.24.1", "css-loader": "^0.28.7", "file-loader": "^1.1.5", "html-webpack-plugin": "^2.30.1", "less": "^2.7.3", "less-loader": "^4.0.5", "node-sass": "^4.5.3", "sass-loader": "^6.0.6", "style-loader": "^0.19.0", "url-loader": "^0.6.2", "vue-loader": "^13.3.0", "vue-template-compiler": "^2.5.2", "webpack": "^3.8.1", "webpack-dev-server": "^2.9.3" }, "dependencies": { "bootstrap": "^3.3.7", "mint-ui": "^2.2.9", "vue": "^2.5.2", "vue-router": "^3.0.1" } } ``` 错误提示: ``` ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped": true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modules/vue-loader/lib/selector .js?type=styles&index=0!./src/App.vue Module build failed: .box{ ^ Invalid CSS after ".box{": expected "}", was "{" in F:\vuetest\day7\src\App.vue (line 19, column 6) @ ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":" data-v-7ba5bd90","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modul es/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-331 13:3-17:5 14:22-339 @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/main.js

Vue项目中的 “=>”什么意思！！！！！！！！！！！！！！！！！！！！！！！！_course

Vue项目中的 “=>”什么意思！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

在装了element-ui的vue项目中npm run dev的时候报错了，求教如何解决_course

在装了element-ui的vue项目中npm run dev的时候报错了 These dependencies were not found: * throttle-debounce/debounce in ./node_modules/_element-ui@2.6.1@element-ui/lib/element-ui.common.js, ./node_modules/_element-ui@2.6.1@element-ui/lib/tooltip.js and 1 other * throttle-debounce/throttle in ./node_modules/_element-ui@2.6.1@element-ui/lib/element-ui.common.js To install them, you can run: npm install --save throttle-debounce/debounce throttle-debounce/throttle 请问该如何解决

Vue点击事件无效：Invalid handler for event "click": got undefined_course

描述： 定义了单击事件，但是使用Vue组件生成的标签就检测不到单击的方法，并报错：Invalid handler for event "click": got undefined 把标签放到外面可以正常使用，使用Vue组件生成后就报错，而且msg这个也找不到了 请问该如何处理？以下是全部代码 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div id="container"> <div id="navbar_left"> <pr></pr> </div> </div> <script> Vue.component("pr",{ name:"pr", template:"<p @click='this.toggle'>{{msg}}</p>", data(){ return{ open:true } } }); var app = new Vue({ el:"#navbar_left", data:{ msg:"hello world", }, methods:{ toggle(){ this.open = !this.open } }, }); </script> </body> </html> ```

vue中document.querySelector("id")第一次取值为null_course

vue中document.querySelector("id")第一次取值为null 加defer="true"也不行 ``` <script type="text/javascript" defer="true"> ``` 通过id获取节点 但是第一次取不到第二次可以

安装nodejs之后nmp显示不是内部或外部命令_course

 求助 百度了很久都不能解决 重新安装了好几次 也按网上说的重新调整了环境变量 删掉了.nmprc文件都不能解决 求求求求

求大佬指教：为什么npm run build打包后，js代码中的字符串没有被混淆加密？有没有什么解决办法？_course

如题！ 求大佬指教：为什么npm run build打包后，js代码中的字符串没有被混淆加密？有没有什么解决办法？

怎么使用node-red进行本地开发 _course

我想用node-red开发程序，用iss来运行。 抛开ibm的bluemix。 node-red的环境配好了，也可以运行，但是只能保存成json文件，我想node.js的项目应该运行js才对啊。 求大牛科普一下

Javascript中的SQL语句_course

<div class="post-text" itemprop="text"> <p>Can I execute sql sentences in javacript without calling an external php file?</p> <p>I have seen that I can use SQL with node.js easily but, I'm useing Vue.js and it's my first time so i'm a little bit confused.</p> <p>In summary, I want to connect to a database without useing php and I don't know if it would work.</p> <p>Thanks you!</p> </div>

Vue CLI 如何引入第三方js文件_course

第三方库： https://github.com/google/blockly 需要引入两个js文件 blockly_compressed.js blocks_compressed.js 使下边的代码正常运行 ``` <template> <div id="lesson1"> <h1>挑战1</h1> <hr> <div id="blocklyDiv" style="height: 480px; width: 600px;"></div> <xml id="toolbox" style="display: none"> <block type="controls_if"></block> <block type="logic_compare"></block> <block type="controls_repeat_ext"></block> <block type="math_number"> <field name="NUM">123</field> </block> <block type="math_arithmetic"></block> <block type="text"></block> <block type="text_print"></block> </xml> </div> </template> <script> Vue.use(Blocks) var workspace = Blockly.inject('blocklyDiv', { toolbox: document.getElementById('toolbox') }); </script> ``` --- @oyljerry # 这样还是不行 ``` <template> <div id="lesson1"> <h1>挑战1</h1> <hr> <div id="blocklyDiv" style="height: 480px; width: 600px;"></div> <xml id="toolbox" style="display: none"> <block type="controls_if"></block> <block type="logic_compare"></block> <block type="controls_repeat_ext"></block> <block type="math_number"> <field name="NUM">123</field> </block> <block type="math_arithmetic"></block> <block type="text"></block> <block type="text_print"></block> </xml> </div> </template> <script> import Blockly from '../../public/blockly_compressed.js' Vue.use(Blockly) import Blocks from '../../public/blocks_compressed.js' Vue.use(Blocks) var workspace = Blockly.inject('blocklyDiv', { toolbox: document.getElementById('toolbox') }); </script> ```

iview框架每次修改文件都要全部编译，无法热更新_course

每次改一行代码都要重新编译几分钟。块要疯了。块来个大佬帮帮忙，。前端新手，框架我来之前别人搭的， package.json里的dev配置是有热更新插件的  dev.config里的设置  求个大佬帮忙解决下

webpack4没有找到配置出入口的webpack.config.js文件，npm能设置出入口文件吗_course

 webpack和webpack-cli都安装了