使用mpvue开发小程序遇到的问题

一、新写的页面报错、不显示、路径不对、指向为空

新增页面需在app.json中手动添加且 需指向新页面目录下的 main.js文件(main.js名称取决于配置文件webpack.base.conf.js中定义的名字)
通常习惯将格式和功能差不多的页面直接在项目中复制粘贴一下直接使用,但是小程序中需要先在app.json中注册一下,且需要运行npm run dev 重新编译一下

二、引入文件报错

引入需要的文件import { global } from '@untils/global',@为配置文件设置的相对路径大多指向src目录下

import 引入

import {引用时名称}from'文件相对路径',import命令接受一对大括号,里面指定要从其他模块导入的变量名,必须与被导入模块(profile.js)对外接口的名称相同。如果想重新给导入的变量一个名字,可以用as关键字,
import { lastName as surname } from './profile';

require 引入

例如:require('@untils/global')

require 和 import 区别

以上两种方法引入的文件必须通过 export方法对外暴露以后才可以使用

// profile.js
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;
export {firstName, lastName, year};
 //firstName, lastName, year 就是profile.js 对外暴露的方法

// CommonJS模块

let { stat, exists, readFile } = require('profile.js');
// 等同于
let _fs = require('profile.js');
let firstName = _fs.firstName ;
let lastName= _fs.lastName;
let year= _fs.year;

整体加载fs模块(即加载fs所有方法),生成一个对象"_fs",然后再从这个对象上读取三个方法,这叫“运行时加载”,因为只有运行时才能得到这个对象,不能在编译时做到静态化。

import { firstName , lastName } from ''profile.js';

import方法是从profile.js加载“firstName , lastName” 这两个个方法,其他方法不加载,具体加载几个通过{}里自己控制

require 和 import 区别 参考的https://www.cnblogs.com/liaojie970/p/7376682.html文章,感谢前辈们的贡献

你可能感兴趣的:(使用mpvue开发小程序遇到的问题)