新建vue項目中遇到的報錯信息

在npm install的時候會報錯，通過上網查閱資料以後，解決方法以下：

0、先升級npm版本：npm install -g npm   有多是npm版本太低報錯

一、而後清理緩存： npm cache clean --force  可能會有以前遺留代碼會產生影響，因此先清理緩存

二、再執行 npm config set registry http://registry.cnpmjs.org

三、再執行 npm install

或者直接執行：

0、先升級npm版本：npm install -g npm  有多是npm版本太低報錯

一、而後清理緩存： npm cache clean --force  可能會有以前遺留代碼會產生影響，因此先清理緩存

二、直接執行命令：npm install  --registry=https://registry.npm.taobao.org --loglevel=silly:

通過以上步驟完美解決了執行npm install報錯的問題；

若是仍是報錯，能夠多幾回清除緩存npm cache clean --force  我清理了三次以後完美解決了。

 

還有一個問題就是：

在正確建立vue項目以後 執行 npm run dev時 沒法自動打開新建項目的首頁，

解決辦法以下：

找到根目錄下的config文件夾下的index.js文件

'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')

module.exports = {
dev: {

// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},

// Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false, //是否默認打開瀏覽器,默認是false，改成true便可
errorOverlay: true,
notifyOnErrors: true,
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

// Use Eslint Loader?
// If true, your code will be linted during bundling and
// linting errors and warnings will be shown in the console.
useEslint: true,
// If true, eslint errors and warnings will also be shown in the error overlay
// in the browser.
showEslintErrorsInOverlay: false,

/**
* Source Maps
*/

 

 

下面是個人公衆號，你們能夠關注一下，能夠一塊兒學習，一塊兒進步：